Short Course

Design Systems

Create a consistent design system in Figma and code: colours, type, spacing and components.

Free
Beginner
2 modules
2 chapters
14.4 hours

See what's inside

Video lessons by freeCodeCamp.org

Now playing: Design Systems

What you'll learn

Define colour, type and spacing tokens
Build a reusable component library
Keep design and code in sync

Course content

2 modules · 2 chapters · 14.4 hours

About this course

Create a consistent design system in Figma and code: colours, type, spacing and components.

Design systemsFigmaCSS

Learner reviews

0.00 reviews

5 stars

0%

4 stars

0%

3 stars

0%

2 stars

0%

1 star

0%

Showing 0 of 0

No reviews yet. Be the first to review this course!

More in Design

Product Design

Academic Programme

Product Design

7 video lessons · 31.7 hours

Web Design (Low-Code)

Academic Programme

Web Design (Low-Code)

8 video lessons · 16.6 hours

Graphics Design

Short Course

Graphics Design

5 video lessons · 24.7 hours

NYSC Tech Training: Product Design + AI

NYSC Tech Training

NYSC Tech Training: Product Design + AI

6 video lessons · 17 hours

Browse all Design courses