Carousel animation in 3 EASY STEPS - Figma tutorial
1.3万 次观看 · 2023-08-30
UI 设计
Get 10% Off on Mobbin Pro or Team plan in the world's largest mobile and web design library: https://bit.ly/4eC89Ec
Hey friends, in this video I share with you 3 simple steps to a carousel in figma easy. This video is a preparation for a next one that we will use to define variables and change backgrounds like an example of hero section of a movie website. Stay tunned.
In variants I used the max width to show you some functionalities of auto layout, but you could use the fixed width also because for this example you are working with exact values for the carousel.
You may follow the link to access the file in this video:
👉 Link to file: https://www.figma.com/community/file/1278505515428217691/Create-carousel---Figma-Tutorial
Chapters
0:00 Intro
0:12 Step one - Create movie cards
3:15 Step two - Create components and variants
8:08 Step three - Prototype
10:15 - Bonus tip
Let me know in the comments what other topics you need to be covered!
#figma #figma2023 #figmatutorial
Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌
👉Subscribe Envato for unlimited downloads resources: https://1.envato.market/zaNvOM
👉Try Adobe for free https://adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger https://www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate Youtube creators tool https://bit.ly/tubebuddyRicardo
Connect with me on social media
👉 Instagram https://www.instagram.com/ricardocostadesign
👉 Facebook https://www.facebook.com/ricardocostadesigner
👉 Linkedin https://www.linkedin.com/in/ricardocostadesign
👉 Twitter: https://www.twitter.com/ricardocostaeu
👉 TikTok: https://tiktok.com/@ricardocostadesign
Hey friends, in this video I share with you 3 simple steps to a carousel in figma easy. This video is a preparation for a next one that we will use to define variables and change backgrounds like an example of hero section of a movie website. Stay tunned.
In variants I used the max width to show you some functionalities of auto layout, but you could use the fixed width also because for this example you are working with exact values for the carousel.
You may follow the link to access the file in this video:
👉 Link to file: https://www.figma.com/community/file/1278505515428217691/Create-carousel---Figma-Tutorial
Chapters
0:00 Intro
0:12 Step one - Create movie cards
3:15 Step two - Create components and variants
8:08 Step three - Prototype
10:15 - Bonus tip
Let me know in the comments what other topics you need to be covered!
#figma #figma2023 #figmatutorial
Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌
👉Subscribe Envato for unlimited downloads resources: https://1.envato.market/zaNvOM
👉Try Adobe for free https://adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger https://www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate Youtube creators tool https://bit.ly/tubebuddyRicardo
Connect with me on social media
👉 Instagram https://www.instagram.com/ricardocostadesign
👉 Facebook https://www.facebook.com/ricardocostadesigner
👉 Linkedin https://www.linkedin.com/in/ricardocostadesign
👉 Twitter: https://www.twitter.com/ricardocostaeu
👉 TikTok: https://tiktok.com/@ricardocostadesign