Education

[VIP] CREHANA: Principles of design systems with Figma

It develops scalable design systems, improves collaborative work and streamlines the processes of creating digital products and experiences.

Mar 7, 2022 - 20:15

Jun 5, 2023 - 14:51

0 225

[VIP] CREHANA: Principles of design systems with Figma

What will you learn in this design systems principles course with Figma?

You will be able to define the basic guidelines to elaborate the handoff document that allows you to build and iterate as a team.
You'll discover how to create the components, patterns, and tools to streamline digital processes and experiences.
You will learn how to establish the design principles necessary to structure your design system in Figma.
You will understand what a design system is in digital products, what is its structure and what are the elements that compose it.

Description

Developing design systems that fit with your project will greatly save iteration times and problems that can occur when creating digital products. Therefore, with this course of design systems in Figma you will learn to create the components, patterns and tools necessary to streamline your processes and the digital experiences you want to create.

Together with Miguel Ángel Molano, professor of the design system principles course, you will review what elements make up a design system, how to create the structure of it and what needs to be established in the style guide of your design system.

Throughout the design system classes at Figma, you will learn the benefits of creating a design system for your digital projects. You will finish this design system course being able to create a design system according to your user and your digital product, and that speeds up your iterations.

Course syllabus

7 Modules —23 Classes —1h 47m total duration

Introduction to design systems

1 lessons 3m 9s

Structure of a design system

4 classes 18m 1s

Design principles

4 classrooms 21m 33s

Style guide in our design system

4 classrooms 21m 5s

Library, patterns and components

4 classes 19m 24s

Prototypes and animations

4 classes 16m 36s

Tips and recommendations

2 lessons 7m 59s

DIFFICULTY

Advanced level course

This course Principles of design system in Figma is of advanced level, so, to take it, it is necessary that you know how to use Figma, Sketch and Adobe XD in an intermediate or advanced way. This course is intended for students with experience in creating high-fidelity screens or prototypes, and who understand the basic concept of a design system.

Sign up if you handle UI/UX concepts and need help understanding how a design system works or would like to improve critical thinking in favor of your brand based on design rules.

What do I need to take this design system course with Figma?

Skills in user experience.
Previous knowledge in user interface design tools.
A MAC or Windows PC with an internet connection.
Zeroheight free version.
Figma free version.

What skills will I learn in this design systems course with Figma?

Atomic Design

You will be able to delve into the concepts of Atomic Design and its classification and structure of components.
Collaborative work

You'll be able to work collaboratively with other members of your team and the technology team.
Development of a design system

You will acquire the skills to create a basic design system, as well as the ability to organize, document and implement a design system.