- Видео 137
- Просмотров 521 839
Pixxelex
Индия
Добавлен 16 фев 2021
All About Designing...
For Business: rohanrhn.work@gmail.com
For Business: rohanrhn.work@gmail.com
Create INTERACTIVE Card Hover Animation Using Figma | Figma Tutorial
In this video, I tried to show you how to create an interactive card hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video.
Check Out Previous Videos
Unique Card Hover: ruclips.net/video/MoEILx-yD6E/видео.html
Image Slider Animation: ruclips.net/video/ygguk1mbdkQ/видео.html
Sticky Sidebar On Scroll: ruclips.net/video/4kTjNGrl9yM/видео.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/PLBblYKb7F1vpEIYsbTdzTUO3EbMkWOWuc
Check Out Previous Videos
Unique Card Hover: ruclips.net/video/MoEILx-yD6E/видео.html
Image Slider Animation: ruclips.net/video/ygguk1mbdkQ/видео.html
Sticky Sidebar On Scroll: ruclips.net/video/4kTjNGrl9yM/видео.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/PLBblYKb7F1vpEIYsbTdzTUO3EbMkWOWuc
Просмотров: 1 420
Видео
Create ADVANCED Card Animation In Figma | Figma Tutorial
Просмотров 1,8 тыс.День назад
In this video, I tried to show you how to create advanced card animation using Figma. if you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Up/Down Slider Animation: ruclips.net/video/5cCe3fM6sPc/видео.html Refracted Glass Effect: ruclips.net/video/80IxygJl8Cc/видео.html Learn Bento Grid: ruclips.net/video/ozr0h2hWBck/видео.html UI Design...
Create ADVANCED Image Slider Animation In Figma | Figma Tutorial
Просмотров 12 тыс.21 день назад
In this video, I tried to show you how to create an advanced image carousel animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Card Swiping Animation: ruclips.net/video/G2Ri1aV6ky8/видео.html Parallax Scrolling Animation: ruclips.net/video/sc3eI-vgsn0/видео.html Endless Auto-Scroll Text Animation: ruclips.net/vid...
Create UP/DOWN Image Slider Animation In Figma | Figma Tutorial
Просмотров 2,7 тыс.Месяц назад
In this video, I tried to show you how to create up/down 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 Endless Auto Scroll: ruclips.net/video/lnDd49NXqZI/видео.html Card Hover Animation: ruclips.net/video/MoEILx-yD6E/видео.html Card Swiping Animation: ruclips.net/video/G2Ri1aV6ky8/видео.html UI ...
Create PARALLAX CARD Animation In Figma | Figma Tutorial
Просмотров 2 тыс.Месяц назад
In this video, I tried to show you how to create a parallax card animation using Figma. if you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Spinning Carousel Animation: ruclips.net/video/An9IqPnqu2c/видео.html Image Slider Animation: ruclips.net/video/ygguk1mbdkQ/видео.html Learn Neubrutalism: ruclips.net/video/ry8GCmSsiqs/видео.html UI...
Create MODERN Landing Page UI Design In Figma | Figma Tutorial
Просмотров 5 тыс.Месяц назад
#figma #landingpage #figmaanimation In this video, I tried to show you how to create a modern landing page UI design with animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. VR Image: www.freepik.com/free-ai-image/3d-rendering-vr-glasses-cinema_94958870.htm#fromView=search&page=1&position=2&uuid=e52eb53c-435c-48b2-9bf7-74a2da9b7b5a Backgro...
Create REVEALING SCROLL Animation In Figma | Figma Tutorial
Просмотров 2,6 тыс.Месяц назад
In this video, I tried to show you how to create a revealing animation effect while scrolling a webpage using Figma. If you found this video useful, don't forget to like, comment, and share this video. 🟣Hero Section Hover Animation: ruclips.net/video/MoEILx-yD6E/видео.html Check Out Previous Videos Sticky Sidebar On Scroll: ruclips.net/video/4kTjNGrl9yM/видео.html Animated Image Carousel: rucli...
Create Cool HOVER ANIMATION In Figma | Figma Tutorial
Просмотров 1,3 тыс.Месяц назад
In this video, I tried to show you how to create this cool hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Refracted Glass Effect: ruclips.net/video/80IxygJl8Cc/видео.html Bento Grid Design: ruclips.net/video/hrlwjzk8Dsg/видео.html Hover Animation: ruclips.net/video/wE8ZPkEkpBc/видео.html UI Design Chall...
Create Unique CARD HOVER Animation In Figma | Figma Tutorial
Просмотров 2,7 тыс.Месяц назад
In this video, I tried to show you how to create a card hover animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Image Slider Animation: ruclips.net/video/ygguk1mbdkQ/видео.html Image Carousel Animation: ruclips.net/video/3qBYhmXke_s/видео.html Sticky Scroll Animation: ruclips.net/video/tu9BYYft0Io/видео.html UI ...
Create ACCORDION Card Animation In Figma | Figma Tutorial
Просмотров 2,5 тыс.2 месяца назад
In this video, I tried to show you how to create an accordion card effect using Figma animation. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Image Up/Down Slider: ruclips.net/video/3qBYhmXke_s/видео.html Gradient Inside A Text: ruclips.net/video/TkdE464PW7M/видео.html Interactive Button: ruclips.net/video/tcK03-Gi9lA/видео.html ...
Create ENDLESS Spinning Carousel Animation In Figma | Figma Tutorial
Просмотров 2,1 тыс.2 месяца назад
In this video, I tried to show you how to create an auto-spinning carousel animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Image Slider Animation: ruclips.net/video/ygguk1mbdkQ/видео.html Image Hover Animation: ruclips.net/video/cfziHtjYBns/видео.html Multi Hover Animation: ruclips.net/video/2gkn_Biedmk/видео....
Create ENDLESS Auto Image Slider Animation In Figma | Figma Tutorial
Просмотров 1,9 тыс.2 месяца назад
In this video, I tried to show you how to create endless auto-scrolling animation using Figma. If you found this video useful, don't forget to like, comment, and share this video. Check Out Previous Videos Image Up/Down Slider: ruclips.net/video/3qBYhmXke_s/видео.html Sticky Sidebar On Scroll: ruclips.net/video/4kTjNGrl9yM/видео.html Refracted Glass Effect: ruclips.net/video/80IxygJl8Cc/видео.h...
Create Card SWIPE Animation In Figma | Figma Tutorial
Просмотров 3,3 тыс.2 месяца назад
In this video, I tried to show you how to create card swipe animation in 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 Apple's Scrolling Animation: ruclips.net/video/tu9BYYft0Io/видео.html Fingerprint Scanning Animation: ruclips.net/video/JbCpviwGOU8/видео.html U...
Create ENDLESS Auto Slider Using Figma | Figma Tutorial
Просмотров 2 тыс.2 месяца назад
In this video, I tried to show you how to create an endless auto slider using Figma prototypes in Figma. If you found this video useful then don't forget to like, comment, and share this video. Check Out Previous Videos Bouncing Ball Animation: ruclips.net/video/3m0NHZz7ncI/видео.html Learn Neubrutalism: ruclips.net/video/ry8GCmSsiqs/видео.html Image Hover Animation: ruclips.net/video/cfziHtjYB...
Create Advanced Image Slider Animation Using Figma | Figma Tutorial
Просмотров 4,5 тыс.2 месяца назад
In this video, I tried to show you how to create an image slider animation using Figma. If you found this video useful then don't forget to like, comment, and share this video. Check Out Previous Videos Animated Gradient Inside Text: ruclips.net/video/TkdE464PW7M/видео.html Landing Page UI Design: ruclips.net/video/dzK0Z3gEWF4/видео.html Onboarding Screen Animation: ruclips.net/video/F7PfzN9xhE...
Create Image UP/DOWN Slider Animation in Figma | Figma Tutorial
Просмотров 1,6 тыс.3 месяца назад
Create Image UP/DOWN Slider Animation in Figma | Figma Tutorial
Create PARALLAX SCROLL EFFECT In Figma | Figma Tutorial
Просмотров 7 тыс.3 месяца назад
Create PARALLAX SCROLL EFFECT In Figma | Figma Tutorial
Create ENDLESS Auto Scrolling TEXT Animation in Figma | Figma Tutorial
Просмотров 3,2 тыс.3 месяца назад
Create ENDLESS Auto Scrolling TEXT Animation in Figma | Figma Tutorial
Create An Animated GRADIENT Inside Any TEXT Using Figma | Figma Tutorial
Просмотров 1,2 тыс.3 месяца назад
Create An Animated GRADIENT Inside Any TEXT Using Figma | Figma Tutorial
Create EXPANDING IMAGE HOVER Animation in Figma | Figma Tutorial
Просмотров 1,5 тыс.3 месяца назад
Create EXPANDING IMAGE HOVER Animation in Figma | Figma Tutorial
Create REFRACTED GLASS EFFECT & Animated Background In Figma | Figma Tutorial
Просмотров 5 тыс.3 месяца назад
Create REFRACTED GLASS EFFECT & Animated Background In Figma | Figma Tutorial
Apple Website's PARALLAX SCROLLING ANIMATION in Figma | Figma Tutorial
Просмотров 4,4 тыс.3 месяца назад
Apple Website's PARALLAX SCROLLING ANIMATION in Figma | Figma Tutorial
Create Smooth Interactive IMAGE HOVER Animation in Figma | Figma Tutorial ( Free Source File)
Просмотров 1,4 тыс.3 месяца назад
Create Smooth Interactive IMAGE HOVER Animation in Figma | Figma Tutorial ( Free Source File)
Create Advanced Image Slider With Card Carousel in Figma | Figma Tutorial
Просмотров 2,8 тыс.3 месяца назад
Create Advanced Image Slider With Card Carousel in Figma | Figma Tutorial
How to Create an eCommerce Website Using WordPress and WooCommerce in 30 MINUTES
Просмотров 4283 месяца назад
How to Create an eCommerce Website Using WordPress and WooCommerce in 30 MINUTES
Learn New Web Design Trend - BENTO GRID Using Figma | Design Trends 2024
Просмотров 9304 месяца назад
Learn New Web Design Trend - BENTO GRID Using Figma | Design Trends 2024
Figma LANDING PAGE ANIMATION Using Figma Prototypes | Figma Tutorial
Просмотров 1,8 тыс.4 месяца назад
Figma LANDING PAGE ANIMATION Using Figma Prototypes | Figma Tutorial
Create Interactive Image Carousel Animation in Figma | Figma Tutorial
Просмотров 1,4 тыс.4 месяца назад
Create Interactive Image Carousel Animation in Figma | Figma Tutorial
How to Create Bouncing Ball Animation In Figma | Figma Tutorial
Просмотров 1 тыс.4 месяца назад
How to Create Bouncing Ball Animation In Figma | Figma Tutorial
How to Create ENDLESS AUTO SCROLLING Animation in Figma | Figma Tutorial
Просмотров 8 тыс.4 месяца назад
How to Create ENDLESS AUTO SCROLLING Animation in Figma | Figma Tutorial
i want to learn from sctrach will you give me the resource ? book suggestion for ui/ux and tutorials
How can we convert this in mobile size any idea anyone?
What is the name plugin?
Thanks for the video how can I record my screen the way you showed it from the beginning please.
You can use "OBS Studio" for the screen recording
@@pixxelex Thanks so much
How do you scroll within the frame?
which plugin you had used for images ?
Plugin name: Lummi
Yea I just subscribed, well done
Thank you!
Your tutorials is the best
Glad you liked!
This won't stop in the middle only top and bottom.
Yeah! This is just a Figma prototype.
@@pixxelex That's exactly my point, was just trying to make a point
Thanks buddy This is so cool
Glad you like it
That is simple yet elegant Please keep posting such content. Thanks
Sure I will. Keep supporting❤
This is quite genius
It worked so well! Tysm. I'm using it in my portfolio site, and it really rocks!
Great to hear!
Very Useful for Start up designer!! Thank you for your video!! 🧡🧡❤❤
Glad it was helpful!
how do i connect these drop down to another framework? do you have vid for it?
Add the components to the frame and make changes in text according to your need
Thank you.. it was so easy to learn
You're welcome 😊
I learned from this video but I have a question - Does this scrolling work on Text as well?
Yeah, it works on the text and I also created a tutorial on it. Check it out here: ruclips.net/video/QYkdzTGy7uc/видео.html
Yes - Thanks for the tutorial, it is helpful:) @@pixxelex
This really helps, thanks!
Glad it helped!
Your videos are so neat. Please which software do you use to record
I'm using OBS Studio for the recording
@@pixxelexWow! Cool. Thanks
Nice interactions, I replicated one of your designs to my own taste but the concept was the same, i really do like your work and the fact it’s comes easy for me; glad I could use it to learn while replicating it; definitely looking forward to more interaction tutorials 🤗
Thank you very much!
Amazing tutorial! So easy and usefull. Thank you so much
You're very welcome!
Hi, where did you get these images? Also, how did you separate the foreground and background?
You can get these images from Freepik and I have used Adobe Illustrator to separate the background.
@@pixxelex Thank you!
wow really like it i am also going to make as same wish me luck
Great!
that's amazing! thank you, very clear! great job ;-)
Glad it helped!
Nice Video😊
Thank you!
I really enjoyed learning this ... ❤️✨🥰
Glad you enjoyed it!
Excellent! cheers for that
Glad it helped!
I followed each and every step of the video but it's not working, the text is freezed. Can you please help me with this annimation.
Please check the prototype settings and set them to "after delay". Also, try restarting the prototype.
thanks bro 🫀
Welcome!
Great brother ❤
Thanks ✌️
thank you
Welcome!
Thanks so much for this video. I have been battling with this since yesterday. To the point that I had to off my PC with anger. Although, I’m a newbie. Once again, thanks.
You are so welcome!
Thank you sooooo much for the tutorial! I’m a Figma noob and could follow so easily you literally saved my UX assignment <3
Glad it helped!
How did you bring the Cricle color to full full frame?
hi, I'm following your instructions, but I'm having some confusion. I follow all the steps properly but when I'm prototyping view it or scrolling it only stays on the first page
To proceed to the next frame, simply use drag interaction as we have added it. Drag the frame to move to the next frame.
@@pixxelex I did but I don't know its not working
Amazing 👌🏻👌🏻 thanks for image link
Welcome 😊
Heyyy thanksss for great content 🎉🎉🎉🎉 can we add this project to our portfolio?
Yes you can! but don't forget to give credit😅
Thanksss
Welcome
guys how do you separate the background and frontground of the image
Heyy can help me how you add the snap story,discover,stories, option from the video 5:31 minutes. And how you create frame 5,4,&2 Everything I am complet but stuck in 5:31 how you add these can you Plzz explain me. Bhai 5:31 second ru au bujhi hauni thk explain kro ki frame 5,4,2 kemte create krilo au text guda kemte kn create krilo
Those are just pre-made texts I created earlier to save time😅I just copy and paste them into this frame.
Bisakah kirimian file untuk referensi saya
Thank You!
Welcome!
Very helpful
Glad it helped
to move girl what the shortcut : Shift .... What?!
To move any object just use ( Shift + arrow keys )
@@pixxelex I did it ...✌ Thank you for the Tutorial, You're doing great.
Glad it was helpful.
Hello Sir, I'm big fan of your design can you design my travel website? It's my new startup? I'm waiting for your positive reply ! 🤞
Yes, sure. Let's connect: rohanrhn.work@gmail.com
@@pixxelex Emailed please check & reply positive 🤞
@@pixxelex Emailed information waiting for your reply! R u Marathi ?
In 6:28 how you select the whole frame and change landscape to potrait that doesn't work for me
Just select the contents inside the frame and move them up
how do you adjust the gradient by moving the cursor?
Where should I take images and design wall paperd
awesome
Thank you!
❤🎉❤🎉❤🎉❤🎉