Prototyping Crash Course - Learn how to create advanced prototypes with Figma variables in 30 min
ฝัง
- เผยแพร่เมื่อ 1 เม.ย. 2024
- Learn how to create advanced Figma prototypes using variables.
Get the Figma file here - www.figma.com/community/file/...
We'll walk through each type of variable (color variables, number variables, boolean variables, and string variables). And show you how you can update components in Figma using variables in your prototypes 💪
#figma #figmaprototype #prototyping #figmatutorial #figmacomponents #productdesign
🎨 Ready to become a better product designer? 👉 www.figma.academy
🐦 Discover more design deep dives on Twitter 👉 ridd_design
![[ไฮไลต์] แบดมินตันหญิง ไท่ ซือ หยิง vs เมย์ รัชนก อินทนนท์ รอบแบ่งกลุ่ม | โอลิมปิก 2024](http://i.ytimg.com/vi/LUCG0H5qkpQ/mqdefault.jpg)
This was super helpful especially that checklist thank you 🤝
This is a gold mine! Thanks @Ridd, now I see the value of variables and variants in taking prototyping to the next level! You explain concepts in a way that's easy to understand (just like you do in the Figma Academy courses!), and I really appreciate this. Excited to apply these to my projects.
Glad to hear it 🙌 :)
Apart from a clear dive into variables, can't get over how beautiful your presentation Figma file is!! Thanks Ridd 🙂
Thank you! For someone transitioning from Axure this is the best video I have found.
Good stuff, Ridd. Now that I'm back in product (and not design systems so much), I'm doing more prototypes.. This is super helpful!
Thank you very much !
This is great! I've missed some of the new Figma features over the past year, and this gave me a quick overview new cool tricks:)
wonderful video. Really cemented the concepts of variables. Great work. Thank you.
Super helpful and easy to follow! Thank you!!!
This was so helpful - thanks!
Amazing video, thanks a lot
Glad you liked it!
How do I get this into a react project? Do I need to code it or is the code itself already included in Figma? I don't quite understand it yet.
Figma is mostly a visual representation of what is in code. You're going to have to create the React portion separately.