Interface Anatomy is a live, cohort-based course for designers who want to go beyond pretty screens and build the systems behind them
45 days
12 live sessions
3 guest sessions
5 milestones
Capstone project
45 days
12 live sessions
3 guest sessions
5 milestones
Capstone project
Course Architecture
Six Stages
One Continuous Project
Stage 01
Foundations
Systems thinking, Auto Layout, responsive behaviour and foundational architecture.
Stage 02
Component Systems
Visual foundations, variables, component architecture, states, patterns and composition.
Stage 03
System Infrastructure
Tokens, themes, accessibility, QA and documentation.
Stage 04
Operating a Design System
Strategy, governance, contribution models, adoption, audits and mature-system architecture.
Stage 05
Design Engineering
Code literacy for designers, tokens in code, coded components, Storybook and deployment.
Stage 06
Agentic Product Development
Coding agents, context engineering, development workflows, product building, QA and shipping.
testimonials
Hear from
our best students
Capstone Project
What You
Walk Out With
01
Figma Design System
Foundations, variables, architecture and production-grade components.
02
Token Architecture
Primitive → semantic → component → code.
03
Code Design System
Working coded components, Storybook and documentation.
04
Working Product
A deployed product experience built with your own system.
pricing