US $19.97

Create a new Design System in Figma

——   Created by Bruno Sáez

Share this course:

NEW
Course
17
Lessons
4h 48m
Lesson time
beginner
Skill level

More about this course

Learn the basics of a Design System and learn how to create one form zero using Figma.

In this course will learn how to create grids and layouts, choose colors, choose typography, and set the correct vertical rhythm. As well you will learn how to create the most-used components as inputs, text areas, checkboxes, radio buttons, tags...

Join me in this course and learn Figma and some UI basics while you see how to make a great Design System!

Perfect for people eager to learn Figma while knowing the basics of a Design system!

The course project

Create your own Design System following the class. Choose your own colors, your own typography, and make the components as you want in order to gain full insights into how a Design System works.

Resources:

Eggplore: https://www.figma.com/file/2SdglL70Ss85fJcbZarpT5/Eggplore-Style-Guide-Freebie

Design+Code: https://www.figma.com/file/BDvnImiFgrZR4bopmMD7vfbl/Design-Code-Design-System

Brainstorming UI: https://www.figma.com/community/file/809487915193584778

Class file: https://www.figma.com/file/ZpzkfKQv5CU2InlQ6eQi6o/Skillshare-Design-system

17 Lessons

4 mins
why a design system
11 mins
Figma interface
8 mins
Some design systems
34 mins
Colors
29 mins
Layouts and grids
32 mins
Typography
24 mins
Buttons
26 mins
Finishing buttons
31 mins
Inputs
14 mins
more errors and new input
9 mins
textarea
23 mins
checkboxes and radiobuttons
17 mins
switchs and tags
14 mins
dropdowns
10 mins
renaming and plugins
View more lessons +

About the instructor

Bruno Sáez
Bruno Sáez
  • 1 courses

Hey, I'm Bruno!

UX Designer with more than 20 years of experience in the design field currently working in big data products making as usable …

Read more
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Project included
  • Direct teacher access
  • 4h 48m of on-demand video
  • Have a coupon?
  • Checkout