In this video, we're going to learn how to design a simple infinite text sliding feature in Figma. We'll be using variables to create the sliding content, and we'll also look at some other features that are available in Figma.
📌 Timestamps:
0:00 - Start
0:17 - Design the text banner
0:38 - Create the rest of the UI
1:11 - Make a new variable
1:46 - Prototype the text animation
2:54 - Add the banner to UI
3:24 - First demo
3:40 - More banners with different text
4:27 - More background colors
4:27 - Final result
Whether you're a beginner or an experienced designer, you'll find valuable insights in this tutorial. Follow along and take your Figma skills to the next level with this captivating micro-animation technique.
👍 If you found this tutorial helpful, don't forget to give it a thumbs up and subscribe to the channel for more design tips and Figma tutorials!
Let's Learn together #UX and #UI , #Design, #figma #prototype
🔔 Subscribe for weekly design tutorials:@Kimoartcave
--------------------------------------------------------------------------------------------
🔥 Check out some of my other popular tutorials:
Variables: create dial pad: • #figma Tips and Tricks: Designing a Functi...
Advance micro-interactions in Figma: • Level Up Your Micro-Interactions in #Figma...
--------------------------------------------------------------------------------------------
🌐 Connect with me:
Instagram: / kimo.artcave
Photography: / kiagraphy.a. .
Twitter: / kiarashmoazzez
TikTok: / thekimo.artcave
LinkedIn: / kiarashmoazzez
--------------------------------------------------------------------------------------------
My name is Kia, I am a UX generalist working for more than 10 years as a designer in the industry. here I am sharing my learnings related to UX and UI design, Figma tutorials, general design tips, and tricks. join me in this channel and let's learn together and become better designers.