Introduction to Design Systems with Figma

Overview

“The style guides will contain the colors, icons, and typography, among other things. It will be the first thing we will do to begin to materialize design principles into something more tangible. We will make sure we have a good foundation and then begin to design the other parts of the system with more confidence.”

In this video lesson Javier Cuello addresses the topic: Style guide 1, which is part of the Domestika online course: Introduction to Design Systems with Figma. Learn how to create design systems that answer your users' needs.

Partial transcription of the video

“Style guide In this lesson we will see the "style guide" or style guide that will have the colors, typography, among other things. The main designs will materialize in a more tangible way and they will be a good base for what is designed in the interface. So let's see how to do it. Lonely Planet's "design system" called Rizzo has a style guide with its primary and secondary palette, also has the font family and a large section with the icons they use depending on whether they are for destinations, interests or interface icons, among other things. We also have "sites", it is the "design syst...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: Introduction to Design Systems with Figma

• Level: Beginner
• 99% positive reviews (412)
• 11217 students
• 5 units
• 24 lessons (4h 38m)
• 11 downloads

• Category

  Web & App Design

• Software

  Figma

• Areas

  App Design, Digital Product Design, Mobile Design, UX / UI