Prototyping Crash Course - Learn how to create advanced prototypes with Figma variables in 30 min
HTML-код
- Опубликовано: 14 окт 2024
- Learn how to create advanced Figma prototypes using variables.
This is a free preview of www.figmaacade... ✌️
Get the Figma file here - www.figma.com/...
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
The best video I've watched so far on variables. I never understood how it works untill now. Thanks 👍🏽
Glad it helped!
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 🙌 :)
One of the coolest mini project I made using Variables. Amazing, thanks Ridd
you're most welcome 🙏
This is the best Figma tutorial I have ever followed! Thank you so much for the clarity and all the knowledge you share with us here. I learned a lot from you today.
So glad to hear it :) This is definitely one of my favorite topics. We just did a 90 min workshop last week in the cohort and I always hit end on Zoom feeling like I can run through a wall lol
Apart from a clear dive into variables, can't get over how beautiful your presentation Figma file is!! Thanks Ridd 🙂
This video is indispensable. Thank you!
Glad it was helpful!
This is really brilliant! I hit my subscribe button just based on this video. You did an outstanding job explaining every little detail without boring stuff or adding extra non-essential fills.
Thank you!
Keep up the good work
Glad it was helpful! Lots of practice in Figma Academy live sessions 😅
Thanks @Ridd this is an awesome deep dive crash course to learn Variables - Which covers when to use Bollean, Strings, Numbers and Haha Colors ! Also focuses on how to arrange and binds your variables sections to get whats needed! I am just reviewing the concepts again and again and getting better at Fundamentals !
Best Listening and Understanding comes at 0.75 speed. Sorry @Ridd but that my learing speed!
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!
Really outstanding instruction @Ridd. Bravo. Thank you!
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:)
Thank you! For someone transitioning from Axure this is the best video I have found.
wonderful video. Really cemented the concepts of variables. Great work. Thank you.
This was super helpful especially that checklist thank you 🤝
Super helpful and easy to follow! Thank you!!!
Amazing video, thanks a lot
Glad you liked it!
This was so helpful - thanks!
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.
Thank you very much !