Advanced Figma

A four-week online Figma course for UI/UX design professionals who want to master auto layout, component libraries, design systems, variables, and advanced Figma workflows.

Syllabus

Week 1: Constructing Flexible Layouts — Use auto layout to set up and manage flow direction, alignment, and padding. Make layouts that adapt to their contents and containers by using intrinsic widths and heights.
Week 2: Fundamentals of Reusable Components — Establish icon systems for better integration across your component library. Build robust components for UI elements like buttons and tags with straightforward properties for easy reuse.
Week 3: Building Complex and Versatile Components — Continue building components and expand your library into a more comprehensive system. Explore approaches to components like tables and data grids.
Week 4: Creating Design Tokens with Variables — Build color palettes and establish flexible systems for typographic styles across platforms and channels.