Introduction to Design Systems with Figma

Start this course by getting to know Javier, his projects and influences throughout his career, as well as an introduction to the main concepts of Design Systems.

Then, discover the benefits that Design Systems can offer you and your team, and see all the parts that make up a system, including your design principles, the style guide, the individual elements and components of the interface, the code repository, and the documentation.

Javier teaches you how to identify the purpose of your system, according to the context of the product, and shows you how to establish the criteria to guide your design and strategy. Javier also helps you create a definitive style guide for your interface.

Time to get to work! Using Figma, design the individual elements, components, patterns, and prototypes for the main screen in different formats.

To finish, work with the communication and collaboration elements so that your design system has a controlled evolution that is backed by all the members of the team.

Javier teaches you about the importance of Design Tokens and how to document the evolution of your system. He then shows you how to differentiate a work in progress from an already completed one and advises you on how to work with the different members within a team.