MENU

Fun & Interesting

How to use Figma Components & Variants?

The Cutting Edge School 105,855 1 year ago
Video Not Working? Fix It Now

๐Ÿฟ Watch rest of the Figma Course - https://youtube.com/playlist?list=PLlHtucAD9KT19ckHqXpPSStZOyDSq9AW-&si=LFheokCYSCAUTm-G 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/1299183196281300759/anshs-free-figma-course-ep-4 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: ๐Ÿ”— https://www.instagram.com/anshmehra.in/ ๐Ÿ”— https://www.anshmehra.com/ ๐Ÿ”— https://medium.com/ansh-mehra ๐Ÿš€ 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/ https://twitter.com/nitishkmrk/status... https://figmacomponents.com/anshmehra ๐Ÿ‘‰๐Ÿป Reading Material about UX https://twitter.com/semigrownkid/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): https://www.youtube.com/playlist?list=PLlHtucAD9KT3mCqOBIrJwO2rsfia_wj1U ๐Ÿ‘‰๐Ÿป ChatGPT Explained - The Ultimate Guide For Beginners 2023: https://youtu.be/0J0iZBJKLfE ๐Ÿ‘‰๐Ÿป Midjourney AI - Complete 2023 Guide for Beginners: https://youtu.be/JbrrHqgptQM ๐Ÿ‘‰๐Ÿป Free Hindi UX/UI Design Course (for Designers): https://www.youtube.com/playlist?list=PLlHtucAD9KT2VKBwCZooIvDAiJQZ0Hrur ๐Ÿ‘‰๐Ÿป Free English UX/UI Design Course (for Designers): https://www.youtube.com/playlist?list=PLlHtucAD9KT33e6ScNCtgVPS5kXlLOu0O ๐Ÿ‘‰๐Ÿป UI Redesign Playlist for practical hands-on learning https://www.youtube.com/watch?v=FWjG3yJsn08&list=PLlHtucAD9KT2oO9i0UkAIfmFErOH_ccbn ๐Ÿ‘‰๐ŸปWriting UX Design Case Study: Step-by-Step Process (for Designers): https://youtu.be/bH-tB-qxypI 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)

Comment