VIDEO COURSE · intermediate
Figma, Design Systems & AI Workflows
Create reusable components and clear handoffs that keep AI-assisted design work consistent.
This course is in development. The curriculum is a planned outline; recorded lessons and PDF slides are not yet available.
What you’ll learn
- Define reusable component behavior
- Build accessible design tokens
- Prepare a useful development handoff
Before you start
- Comfort with basic UX methods
- A practical project to apply the lessons
Planned curriculum
Define the system
- Audit repeated interface patterns
Practice: audit repeated interface patterns. Capture your decisions and evidence in a project worksheet.
Related prompts → - Create tokens and component rules
Practice: create tokens and component rules. Capture your decisions and evidence in a project worksheet.
Related prompts →
Design with consistency
- Build component states and variants
Practice: build component states and variants. Capture your decisions and evidence in a project worksheet.
Related prompts → - Use AI to explore within constraints
Practice: use AI to explore within constraints. Capture your decisions and evidence in a project worksheet.
Related prompts →
Connect to development
- Document responsive behavior
Practice: document responsive behavior. Capture your decisions and evidence in a project worksheet.
Related prompts → - Review implementation against the system
Practice: review implementation against the system. Capture your decisions and evidence in a project worksheet.
Related prompts →