1,522 views
Figma Express Course: Mastering Variables, Tokens, Styles, Components and Auto Layout Welcome to DEV+!DEV's Figma 2024 express course 🚀 📂 Model Available for Cloning: https://www.figma.com/community/file/... 🔥For those who want Design and Wordpress tips follow on instagram🔥 / rodrigo_gpereira 00:00 - Intro 01:37 - Review 03:35 - Wireframe 05:42 - Variable Registration 06:20 - Primitive Collection 16:14 - Scope Configuration 19:04 - Semantic Token Collection 21:18 - Auto Layout 37:14 - Components 48:38 - Layout Editing 01:05:31 - AI Plugin 01:17:18 - Layout Editing 01:20:36 - Changing variables 01:24:37 - Responsiveness 01:27:32 - Variable modes and DevMode 01:31:49 - Final Thoughts In this 1 hour and 30 minute video, you will learn everything you need to operate Figma efficiently. We will dive into the following essential topics: ✨ Variables and Tokens: Understand how to use variables and tokens to maintain consistency in your designs. 🎨 Styles: Learn how to create and register styles making your projects more cohesive and easier to manage. 📦 Components: Discover how to build and use components to increase productivity and maintain uniformity in your projects, you will learn how the 4 component properties work. 📐 Auto Layout: Master Auto Layout to create flexible and responsive designs that adapt to different screen sizes, and that are modular. During the class, we will apply these concepts in a practical model that is available for cloning in the Figma community. You can follow along and practice in real time! 💡 Watch now and take your Figma skills to the next level!