Design Systems Academy
Figma for Design Systems
12 Lessons · 2 hours each · Tue, Wed, Thu · 6 to 8 pm Madrid · GMT+2
12 Lessons · 2 hours each
Tue, Wed, Thu · 6 to 8 pm Madrid · GMT+2
You'll be able to choose the cohort at checkout
Module 1 · Introduction and Preparation
- Overview, objectives, and setup
- Understanding design systems
- Setting up Figma
Module 2 · File Structure & Tokens
- Organizing design files
- Introduction to design tokens
- Creating and managing tokens
Module 3 · Vairables & Tokens
- Understanding tokens in design systems
- Implementing tokens as variables in Figma
Module 4 · Semantic Aliases
- Let's create some semantic aliases
- When to use aliases and when not to use them
Module 5 · Variables
- Introduction to component variables
- Applying variables to components
Module 6 · Anatomy
- Understanding component structure
- Architect complex component structures
Module 7 · Component Content
- Managing content within components
- Using content effectively in designs
Module 8 · Component Interaction
- Interactive components
- Prototyping interactive components
Module 9 · Governance & Scaling
- Maintaining design systems
- Scaling design systems across projects
Module 10 · Advanced Techniques
- Advanced Figma features
- Optimizing design system workflows
Module 11 · Practical Application
- Real-world example
- Applying learned concepts to projects
Module 12 · Review & Final Project
- Reviewing key concepts
- Working on a final project to showcase skills
© Matias Bejas AKA Matmac 2024