Components with Variants and Auto Layout – Advanced Figma Tutorial скачать в хорошем качестве

Components with Variants and Auto Layout – Advanced Figma Tutorial

Take your design components to the next level with Variants and auto Layout in this advanced Figma tutorial. As usual, this will be a step-by-step tutorial where we'll deep dive into a hands-on design exercise, just like as if we were doing it on the job! This video is part six of my Figma series on the Google search experience, where I've committed to prototype a Google search from scratch with all of you here on YouTube. This video covers all the components (except search, which we covered in the previous video) that we'll be needing to craft the interface and before we get into prototyping. Previous videos of the series: 1/ Figma Basics -    • Designing with Figma – A Beginners' Hands-...   2/ Responsive Design with Auto Layout and Constraints -    • Responsive Design with Auto Layout and Con...   3/ Color Styles -    • Creating a Functional Color System in Figm...   4/ Text Styles -    • Creating Text Styles in Figma - Informatio...   5/ Components and Variants (Search component) -    • Components and Variants in Figma – Designi...   If you want to follow along this tutorial with the file open, you can create a duplicate from the link below by clicking on the arrow next to the file title in the top-middle area 👇 https://www.figma.com/file/XgIFomUID0... Now that we've learned all the essentials, this video focuses on a real professional workflow and reasoning behind crafting production-ready components, including different states and advanced tips to speed things up without creating any design debt. Was this video helpful? Do you have any questions about components, variants, auto layout, or anything specific about Figma that you'd like to see in future videos? Any suggestions to improve my videos? Drop them in the comments below! 💬 If you are new to my channel, and you'd like to keep up with my weekly dose of product design videos and tutorials, don't forget to hit that subscribe button! There's so much good stuff coming 😇 Connect with me here 👋 Twitter:   / javalaves   Figma: https://www.figma.com/@javi Chapters: 0:00 - Intro 0:44 - SearchSuggestion component 8:00 - Icon component 12:38 - Media Component 20:32 - TweetCard component 24:02 - SearchResult component 27:29 - Search component 34:36 - Tab component 38:15 - MediaResult component 40:50 - TwitterResult