Portfolio›Design & UX›Design Systems
Topic

Design Systems

Build reusable component libraries and design tokens. Tests component specification, token architecture, and library auditing.

Component designDesign tokensStyle guidesConsistency auditing

Choose Your Level

Pick the difficulty that matches where you are. You can come back and try a harder level later.

Beginner

Build a Button Component Spec

Define a button component with all states, sizes, and variants.

1 to 2 hours 3 criteria
Start this level
Intermediate

Design Token Architecture

Define a design token system that supports theming.

2 to 3 hours 4 criteria
Start this level
Advanced

Component Library Audit

Audit an existing component library for inconsistencies and accessibility gaps.

3 to 5 hours 4 criteria
Start this level