Pixxelex
Pixxelex
  • Видео 158
  • Просмотров 1 479 810
Pixxelex: 2024 Wrapped ( Figma Tutorials Recap )
Thank you for making 2024 an incredible year for Pixxelex! Your support has helped me grow and create more valuable content for you. Stay tuned for more amazing tutorials and designs. Don’t forget to like, share, and subscribe. See you next year!
Check Out Previous Videos
Advanced Image Slider: ruclips.net/video/LQjaT3Ez4TU/видео.html
Website Parallax Animation: ruclips.net/video/sc3eI-vgsn0/видео.html
Interactive Feedback Animation: ruclips.net/video/c7vN6m7MWW4/видео.html
UI Design Challenges: ruclips.net/p/PLBblYKb7F1vr3b_N8ZuagaJDAaq1zWrfa&si=vYKY0eAWmHI9H4kn
UI Design Resouces: ruclips.net/p/PLBblYKb7F1vpVughMvteE5FP4PSot0sq7
Figma Animation Tutorial Playlist: ruclips.net/p/PLBblYKb7F1vpEIY...
Просмотров: 270

Видео

Create ADVANCED Image Slider Animation Using Figma | Figma Tutorial
Просмотров 2,5 тыс.28 дней назад
In this video, I tried to show you how to create an advanced image slider animation using Figma. If you find this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Create Accordion Card: ruclips.net/video/7gQ8XsmubsU/видео.html Endless Scrolling Text: ruclips.net/video/QYkdzTGy7uc/видео.html Animated SignUp Page: ruclips.net/video/nnC-ZGB_Rzo/видео.htm...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 3,3 тыс.Месяц назад
In this video, I tried to show you how to create an advanced image slider animation using Figma. If you found this video useful, make sure to like, comment, and share this video. Check Out Previous Videos Full Website UI/UX Design: ruclips.net/video/b5sYBmFI2RE/видео.html Endless Curved Carousel: ruclips.net/video/yk2DflmxmXI/видео.html Up/Down Slider Animation: ruclips.net/video/5cCe3fM6sPc/ви...
Create 4 EASY Interactive Button Animations In Figma | Figma Tutorial
Просмотров 4,3 тыс.2 месяца назад
In this video, I tried to show you how to create easy interactive button animations like a pro using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Interactive Star Rating: ruclips.net/video/c7vN6m7MWW4/видео.html Advanced Image Slider: ruclips.net/video/D2FZkt7EXnw/видео.html Endless Spinning Carousel: ruclips.net/video/An9...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 3,2 тыс.2 месяца назад
In this video, I tried to show you how to create a unique image slider animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Advanced Image Slider: ruclips.net/video/TrApblISEJw/видео.html Full Page Scroll Animation: ruclips.net/video/c6YL6-dsLCE/видео.html Revealing Scroll Animation: ruclips.net/video/Dbvxfq3X47k/в...
MOTIFF: Speed Up Your UI Design 10x Using This AI Tool
Просмотров 2,4 тыс.3 месяца назад
Discover Motiff, a powerful UI design tool with AI features like UI generation, AI Reduplication, and AI Magic Box to speed up your design process. I have explained about them in this video. If you found this video helpful, don’t forget to like, comment, and share the video. Try Motiff: motiff.com/ Check Out Previous Videos Advanced Image Slider: ruclips.net/video/D2FZkt7EXnw/видео.html Paralla...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial (With Voice)
Просмотров 8 тыс.3 месяца назад
In this video, I tried to explain how to create an advanced image carousel animation using Figma. If you found this video useful, don't forget to like, comment, and share the video. Check Out Previous Videos Interactive Feedback Animation: ruclips.net/video/c7vN6m7MWW4/видео.html Revealing Scroll Animation: ruclips.net/video/Dbvxfq3X47k/видео.html Portfolio UI/UX Design: ruclips.net/video/b5sYB...
Create AMAZING Interactive Button Animation Using Figma | Figma Tutorial
Просмотров 2,3 тыс.4 месяца назад
In this video, I tried to show you how to create an interactive button hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Horizontal Parallax Animation: ruclips.net/video/385PVKUUN5Q/видео.html Revealing Scroll Animation: ruclips.net/video/Dbvxfq3X47k/видео.html Sticky Scrolling Animation: ruclips.net/video...
Create Interactive Star Rating Animation In Figma | Figma Tutorial
Просмотров 3,5 тыс.4 месяца назад
In this video, I tried to show you how to create an interactive star rating animation. If you found this video helpful, don't forget to like, comment, and share this video. Check Out Previous Videos Parallax Slider Animation: ruclips.net/video/_W4oVbPxq5U/видео.html Up/ Down Slider Animation: ruclips.net/video/5cCe3fM6sPc/видео.html Refracted Glass Effect Animation: ruclips.net/video/80IxygJl8C...
How to Create Full Page Website Scroll Animation In Figma | Figma Tutorial
Просмотров 26 тыс.4 месяца назад
In this video, I tried to show you how to create a full-page website scrolling animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. 🔴Portfolio UI Design (Part-1): ruclips.net/video/b5sYBmFI2RE/видео.html Check Out Previous Videos Parallax Image Slider: ruclips.net/video/_W4oVbPxq5U/видео.html Modern Landing Page UI Design: ruclips.net/video...
Create Full Website UI/UX DESIGN From Scratch In Figma | Figma Tutorial
Просмотров 15 тыс.5 месяцев назад
In this video, I tried to show you how to create a personal portfolio website UI design from scratch in Figma. If you found this video useful, don't forget to like, comment, and share this video. Portfolio Web Animation (Part 2) - ruclips.net/video/c6YL6-dsLCE/видео.html Check Out Previous Videos Curved Carousel Animation: ruclips.net/video/yk2DflmxmXI/видео.html Travel Website UI Design: rucli...
Create PARALLAX IMAGE SLIDER Animation Using Figma | FIgma Tutorial
Просмотров 18 тыс.5 месяцев назад
In this video, we will learn how to create a unique parallax image slider animation using Figma. If you found this video helpful, please remember to like, comment, and share. Check Out Previous Videos Interactive Video Hover: ruclips.net/video/r2Ff76AGrtc/видео.html Advanced Card Animation: ruclips.net/video/-CallQaRgYk/видео.html Advanced Image Slider: ruclips.net/video/cPSU3CbH5qE/видео.html ...
Create AMAZING Interactive Button Animation Using Figma | Figma Tutorial
Просмотров 14 тыс.5 месяцев назад
In this video, I tried to show you how to create an interactive button hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Auto Scrolling Text: ruclips.net/video/QYkdzTGy7uc/видео.html Bouncing Ball Animation: ruclips.net/video/3m0NHZz7ncI/видео.html Floating Button Animation: ruclips.net/video/Aa5QVUHX5J4/в...
Create HORIZONTAL PARALLAX EFFECT Animation In Figma | Figma Tutorial
Просмотров 7 тыс.5 месяцев назад
In this video, I tried to show you how to create a horizontal parallax animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Advanced Image Slider: ruclips.net/video/D2FZkt7EXnw/видео.html Endless Card Carousel: ruclips.net/video/P5qEU73IPr8/видео.html Sticky Sidebar On Scroll: ruclips.net/video/4kTjNGrl9yM/видео.ht...
Create INTERACTIVE Video Hover Animation In Figma | Figma Tutorial
Просмотров 6 тыс.5 месяцев назад
In this video, I tried to show you how to create an interactive video hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Modern Slider Animation: ruclips.net/video/cPSU3CbH5qE/видео.html Card Swiping Animation: ruclips.net/video/G2Ri1aV6ky8/видео.html Sticky Sidebar On Scrolling: ruclips.net/video/4kTjNGrl9...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 7 тыс.6 месяцев назад
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
How To Create CURVED Carousel With Endless Auto Scrolling In Figma | Figma Tutorial
Просмотров 8 тыс.6 месяцев назад
How To Create CURVED Carousel With Endless Auto Scrolling In Figma | Figma Tutorial
Create ADVANCED Image SLIDER Animation In Figma | Figma Tutorial
Просмотров 6 тыс.6 месяцев назад
Create ADVANCED Image SLIDER Animation In Figma | Figma Tutorial
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 8 тыс.6 месяцев назад
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Create Image Slider Animation In Figma | Figma Tutorial
Просмотров 7 тыс.7 месяцев назад
Create Image Slider Animation In Figma | Figma Tutorial
Create ENDLESS CARD CAROUSEL Animation In Figma | Figma Tutorial
Просмотров 6 тыс.7 месяцев назад
Create ENDLESS CARD CAROUSEL Animation In Figma | Figma Tutorial
Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial
Просмотров 29 тыс.7 месяцев назад
Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial
Create ADVANCED Card Animation In Figma | Figma Tutorial
Просмотров 7 тыс.7 месяцев назад
Create ADVANCED Card Animation In Figma | Figma Tutorial
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 149 тыс.8 месяцев назад
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Create UP/DOWN Image Slider Animation In Figma | Figma Tutorial
Просмотров 19 тыс.8 месяцев назад
Create UP/DOWN Image Slider Animation In Figma | Figma Tutorial
Create PARALLAX CARD Animation In Figma | Figma Tutorial
Просмотров 10 тыс.8 месяцев назад
Create PARALLAX CARD Animation In Figma | Figma Tutorial
Create MODERN Landing Page UI Design In Figma | Figma Tutorial
Просмотров 25 тыс.8 месяцев назад
Create MODERN Landing Page UI Design In Figma | Figma Tutorial
Create REVEALING SCROLL Animation In Figma | Figma Tutorial
Просмотров 9 тыс.8 месяцев назад
Create REVEALING SCROLL Animation In Figma | Figma Tutorial
Create Cool HOVER ANIMATION In Figma | Figma Tutorial
Просмотров 3,2 тыс.8 месяцев назад
Create Cool HOVER ANIMATION In Figma | Figma Tutorial
Create Unique CARD HOVER Animation In Figma | Figma Tutorial
Просмотров 12 тыс.9 месяцев назад
Create Unique CARD HOVER Animation In Figma | Figma Tutorial

Комментарии

  • @FloNocode
    @FloNocode День назад

    Maaaaaaan ! You make an insane work ! I love your content

    • @pixxelex
      @pixxelex 20 часов назад

      Thank you so much 😀

  • @noushadnoushi6756
    @noushadnoushi6756 День назад

    hats off you man😲

    • @pixxelex
      @pixxelex 20 часов назад

      Thank you!

  • @bhaveshmali268
    @bhaveshmali268 День назад

    amazing! year

    • @pixxelex
      @pixxelex 20 часов назад

      Glad you like it!

  • @richardsnyder6413
    @richardsnyder6413 День назад

    Awesome ❤

    • @pixxelex
      @pixxelex 20 часов назад

      Thanks 🤗

  • @falcongaming1532
    @falcongaming1532 День назад

    Dude u nailed it🎉

    • @pixxelex
      @pixxelex 20 часов назад

      Thank you!

  • @dhanushyadhanu7556
    @dhanushyadhanu7556 2 дня назад

    Thank u so much for this ❤️

    • @pixxelex
      @pixxelex 20 часов назад

      You're so welcome!

  • @HabibullohNuriddinov-j4z
    @HabibullohNuriddinov-j4z 3 дня назад

    could you send me figma sources

  • @AnasBAbbas
    @AnasBAbbas 3 дня назад

    What's the shortcut that used at 3:35? (to exclude the layer)

    • @pixxelex
      @pixxelex 2 дня назад

      Hold the Shift key and click on the element to deselect it. (Also in the same way you can select multiple elements)

    • @AnasBAbbas
      @AnasBAbbas 2 дня назад

      @@pixxelex Thanks dude...!

  • @JesuiteAluebho
    @JesuiteAluebho 3 дня назад

    Nice video... but this isn't for beginners

  • @sunnypareya
    @sunnypareya 5 дней назад

    is This Software can create Motion Graphic templates?????

  • @junglerplayer4338
    @junglerplayer4338 6 дней назад

    tempat download cover film nya dimana bg

  • @linaaaaaa8122
    @linaaaaaa8122 7 дней назад

    i love u you're amazing

  • @abhiraj2338
    @abhiraj2338 7 дней назад

    Plss give the image assets

  • @jaipal1856
    @jaipal1856 9 дней назад

    very nice tutorial :)

    • @pixxelex
      @pixxelex 6 дней назад

      Thank you! 😊

  • @PaulzedrickMenale
    @PaulzedrickMenale 10 дней назад

    PLEASE HELP I CANT SCROLL ITS

  • @PaulzedrickMenale
    @PaulzedrickMenale 10 дней назад

    IF I DO THE 2ND ANIMATION I CAN SCROLL IT EVEN MY MOUSE ENTER THE ZONE OF THE 2ND ANIMATION HOW I CAN FIX THIS

  • @Veiw_changer
    @Veiw_changer 12 дней назад

    😂

  • @vartika4708
    @vartika4708 12 дней назад

    There is no option for flow starting point to add on my screen..please help sir

  • @sanderzulkarnain5714
    @sanderzulkarnain5714 13 дней назад

    hey! this is a really entertaining content. But I wonder how to make those navigation bar work nicely with the pages. Like when you tap on it, you will automatically scrolled to the page.

    • @pixxelex
      @pixxelex 13 дней назад

      Yeah, we can do that in Figma itself. Will try to cover this in the upcoming video

  • @SorathiyaDiya
    @SorathiyaDiya 16 дней назад

    hey can you plz tell me in detail about what you did at 6:42 sec

    • @pixxelex
      @pixxelex 14 дней назад

      Move all the images to the left until the first image is hidden (make sure to enable the clip content of the image-containing-frame ) and increase the size of the second image.

  • @blackgalleon7450
    @blackgalleon7450 20 дней назад

    If you dont know how to seperate images in the picture, you dont need to watch it. He is starting with all images which is neccesary and not giving informations about it.

  • @edenkefale7129
    @edenkefale7129 21 день назад

    Thank you!

    • @pixxelex
      @pixxelex 14 дней назад

      You're welcome!

  • @muskansaini03
    @muskansaini03 22 дня назад

    Please make 3d website tutorial in figma

    • @pixxelex
      @pixxelex 14 дней назад

      Sure will make a tutorial on this

  • @nidamirza9801
    @nidamirza9801 23 дня назад

    Bro I cannot select the second frame on drag, it just doesn't happen

  • @abbas__00
    @abbas__00 23 дня назад

    where did you find illustration ?

    • @pixxelex
      @pixxelex 23 дня назад

      Check description

  • @hardikshilu6343
    @hardikshilu6343 23 дня назад

    Nice 👍👍 thank you so much 👍👍

  • @andynonimuss6298
    @andynonimuss6298 24 дня назад

    The whole key is On-Drag and Smart Animate.

  • @kickassets6414
    @kickassets6414 25 дней назад

    On point tutorial without all the extra fluff. Instant subscriber

  • @SandipKumar-og6xm
    @SandipKumar-og6xm 26 дней назад

    bro please also add some figma links for better practice and one more thing you are amazing

  • @umairbutt-t6o
    @umairbutt-t6o 26 дней назад

    amazing

  • @Debz_Graphics
    @Debz_Graphics 27 дней назад

    Instead of the noise, why don't you just explain. Mtcheww!

  • @levisworld5241
    @levisworld5241 27 дней назад

    hi, so i recreated this perfectly thanks to you but the only issue is that my portraits frame is just appearing in instead of transitioning in. pls helpppp

    • @pixxelex
      @pixxelex 27 дней назад

      Please check both the 1st and 2nd frames to ensure that all the names of the portrait images match. If they do not, rename all the portrait images in the first three frames so that their names are consistent across these frames.

    • @levisworld5241
      @levisworld5241 16 дней назад

      @ thank you!

  • @rin.san12
    @rin.san12 27 дней назад

    Thank you very much!

    • @pixxelex
      @pixxelex 27 дней назад

      You're welcome!

  • @rajendramirji3731
    @rajendramirji3731 28 дней назад

    You're doing a great job, mate! The animation is clean, engaging, and easy to follow. I’d suggest incorporating tips and tricks for transitioning elements from outside the frame. This will make it even easier for viewers to practice alongside and enhance their learning experience. Keep it up!

    • @pixxelex
      @pixxelex 27 дней назад

      Thanks mate, will do!

  • @lastshadowman
    @lastshadowman 28 дней назад

    the only bad thing about this video is the annoying background music, otherwise its a 10.

    • @pixxelex
      @pixxelex 27 дней назад

      Thank you for your feedback

  • @corb_fy
    @corb_fy 29 дней назад

    There must be a better way to do this but I haven't found it (yet).

  • @prase_creations
    @prase_creations Месяц назад

    Thanks bro it’s really helpful!🥹❤️

    • @pixxelex
      @pixxelex 27 дней назад

      Glad to hear that!

  • @SaminaAmir-t1l
    @SaminaAmir-t1l Месяц назад

    Best best best best best thank you so much ❤❤❤❤

    • @pixxelex
      @pixxelex 27 дней назад

      Most welcome 😊

  • @onyxtechnologyx
    @onyxtechnologyx Месяц назад

    this really awesome video suggestion don't speed up

    • @pixxelex
      @pixxelex 27 дней назад

      Noted. Thank you!

  • @daragarcia3302
    @daragarcia3302 Месяц назад

    Muchas gracias!

  • @arutperunjothi.m.r7261
    @arutperunjothi.m.r7261 Месяц назад

    thanks man its helped me a lot 😇

    • @pixxelex
      @pixxelex 27 дней назад

      Glad it was helpful!

  • @Thundr005
    @Thundr005 Месяц назад

    NO MOVING CHANGE DRAG TO ON CLICK IT WILL FIX !

  • @UserdVidas
    @UserdVidas Месяц назад

    It works nicely, but it scrolls quite fast for some reason do I need to put in more pictures to make it slower?

    • @pixxelex
      @pixxelex 27 дней назад

      You can try that way but unfortunately we can't make it more slower

    • @UserdVidas
      @UserdVidas 26 дней назад

      @pixxelex oh no sorry. What I meant was that your scrolling effect was nice and slow... For some reason mine is really fast even though I have around 7 pictures (+ another 7 from the copy paste).

  • @littyann4085
    @littyann4085 Месяц назад

    how to make it auto layout to adapt it to different sizes

  • @hafizaareeba1380
    @hafizaareeba1380 Месяц назад

    very useful thank you

    • @pixxelex
      @pixxelex Месяц назад

      Glad it was useful!

  • @Kloudforreal
    @Kloudforreal Месяц назад

    Hey man, which part should I drag into my main frame?

  • @Laptopwiz
    @Laptopwiz Месяц назад

    Thank you for the work you do. I will appreciate a voice over, to a music.

    • @pixxelex
      @pixxelex Месяц назад

      Sure! will do a voice over version for this one

  • @RaheebahAsif
    @RaheebahAsif Месяц назад

    I'm having a problem In the second frame when you move the first image so that second image becomes the first. When I try to move the first picture it is not disappearing like in the video it overlapping the ruler

    • @pixxelex
      @pixxelex Месяц назад

      Make sure to enable the clip content of the frame which contain images.

  • @dipanshuarya1650
    @dipanshuarya1650 Месяц назад

    A big thanks to you brother.

    • @pixxelex
      @pixxelex Месяц назад

      Glad it was helpful!

  • @JamesTeachesPiano
    @JamesTeachesPiano Месяц назад

    THANK YOU! This was the best video on how to do this🙏

    • @pixxelex
      @pixxelex Месяц назад

      Glad it helped!