Figma: create a Design System | Bruno Sáez López | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
17 Lessons (4h 41m)
    • 1. Course intro

      1:29
    • 2. What is and why a design system

      3:13
    • 3. Figma interface

      10:08
    • 4. Some design systems

      7:20
    • 5. Colors

      33:25
    • 6. Layouts and grids

      28:59
    • 7. Typography

      31:03
    • 8. Buttons

      24:00
    • 9. Finishing buttons

      25:28
    • 10. Inputs

      30:36
    • 11. Mistakes and new input

      13:46
    • 12. Textarea

      8:51
    • 13. Checkboxes and radiobuttons

      22:38
    • 14. Switchs and tags

      16:47
    • 15. Dropdowns

      13:29
    • 16. Renaming and plugins

      9:38
    • 17. The end. Congratulations!

      0:37
68 students are watching this class

About This Class

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 to this course and learn Figma and some UI basics while you know ho to make a great Design System!

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