Figma: create a Design System from scratch

Language: English

All Levels

Course description

Learn the basics of a Design System and learn how to create your own for your projects 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!

Related Skills

Web Design

Course overview - 11

Why a Design System
Some design systems
Figma interface
Starting our Design system
Our first component: Buttons
Inputs and text areas
Creating more components
Variants
Some plugins
Congratulations!
Resources

Learners who have already enrolled in this course

Kate
Williams

Meet your instructor

Bruno Saez LopezUX designer

Hey! I am Bruno UX designer. I work making big data products easy for the people. I love the UX process and help making applications easier to understand. During my more than 20 years of experience i have redesigned websites with more than 6 millions visitis per day and i have worked for BMW, Michel Kors, Mini, Audi, Siemens, Kia, Mazda and many other big clients. I teach UX design process, how to design interfaces (UI) from layouts to colors and typography, how to get a job in UX, how to be better designer using Figma, Sketch and Adobe XD. I also can teach how to make desing systems and put them in your business. Let's talk! Cheers! Bruno

Course by this author

Bruno Saez LopezDesign with Sketch: Beginner to Pro in less than 2 hours!
5.0
2h 45m of content