How to use Figma Components & Variants?

Published: 29 October 2023
on channel: The Cutting Edge School

91,253

2.6k

🍿 Watch rest of the Figma Course -    • Basics of Figma Series | Ansh Mehra

Episode 4 of Foundations of Figma is a detailed guide on how to practically use Components & Variants along with all the tips and tricks you'll need to use Figma like a professional.

Figma File for Download: https://www.figma.com/community/file/...

Foundations of Figma is the most practical and actionable Figma course you'll find on the internet with proper homework and resources at the end of every video.

🌏 Keep up with Design and AI:
🔗   / anshmehra.in
🔗 https://www.anshmehra.com/
🔗   / ansh

🚀 Complete Roadmap to a UX Design Career:
→ https://learnuiux.in/

🏆 Learn about Prompting and AI Tools:
→ https://www.howtoprompt.in/

Resources mentioned in the video👇🏽

🔗 Figma Community Files - https://www.figma.com/@anshmehra

👉🏻 UX Inspiration
https://pageflows.com/
https://mobbin.com/browse/ios/apps
https://designvault.io/
https://uxarchive.com/
https://uxui.monster/
https://screenlane.com/?ref=uimovement

👉🏻 Learning
https://www.checklist.design/
https://learnmobile.design/
https://www.microcopy.me/
https://developer.apple.com/design/hu...
https://uilearn.com/blog/
https://uxdesign.cc/47-key-lessons-fo...

👉🏻 Marketing Inspiration
https://www.saasframe.io/categories/d...
https://www.darkmodedesign.com/
https://www.webdesign-inspiration.com/
https://saaslandingpage.com/
https://www.landingfolio.com/
https://marketingexamples.com/
https://godly.website/
https://effortlessly.io/
https://www.showreelz.com/
https://www.niceverynice.com/components
https://land-book.com/
https://onepagelove.com/

👉🏻 Figma Resources
https://figmalion.com/
https://uxdesign.cc/the-ultimate-figm...
https://www.figma.com/best-practices/...
https://awesomefigtips.com/
https://shortcuts.design/
  / status.  .
https://figmacomponents.com/anshmehra

👉🏻 Reading Material about UX
  / stat.  .
https://builtformars.com/
https://history.user-interface.io/
https://www.loversmagazine.com/
https://vanschneider.com/blog/how-to-...
https://uxmasterclass.design/
https://start.uxdesign.cc/

👉🏻 Design System Resources
https://designstrategy.guide/design-m...
https://www.designsystems.com/
https://designsystemsrepo.com/design-...
https://component.gallery/design-syst...
https://heydesign.systems/

👉🏻 Research Tools
https://www.whocanuse.com/?bg=993357&...
https://answersocrates.com/q/en/US/ux

👉🏻 AI Tools + ChatGPT Playlist (Must for upskilling in 2023):
   • ChatGPT Full Tutorials - AI Tools & M...

👉🏻 ChatGPT Explained - The Ultimate Guide For Beginners 2023:
   • What is ChatGPT? Step by Step Tutoria...

👉🏻 Midjourney AI - Complete 2023 Guide for Beginners:
   • Video

👉🏻 Free Hindi UX/UI Design Course (for Designers):
   • Learn UX/UI Design in Hindi for Free ...

👉🏻 Free English UX/UI Design Course (for Designers):
   • Complete English Guide to UX/UI Desig...

👉🏻 UI Redesign Playlist for practical hands-on learning
   • Improving mobile app's UI - Tips to i...

👉🏻Writing UX Design Case Study: Step-by-Step Process (for Designers):
   • Writing UX Design Case Study: Step by...

Timestamps
0:00 - Intro
1:58 - Video Overview
2:32 - What are Components?
27:35 - What are Instances?
43:45 - What are Variants?
1:03:15 - Homework
1:06:03 - Important Closing Note

Do comment your reviews here or on Twitter (@AnshMehraaa) or share a story on Instagram (@anshmehra.in)

Watch video How to use Figma Components & Variants? online without registration, duration hours minute second in high quality. This video was added by user The Cutting Edge School 29 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 91,253 once and liked it 2.6 thousand people.

4,726