Introduction to Design Systems with Figma

Overview

“The components will be the building blocks of your system that you will use most frequently. They can go from cards to fields of inputs , with different states, types, variants and responsive layouts . In some ways, they can be complex. I will teach you how to think them from scratch.”

In this video lesson Javier Cuello addresses the topic: Component Design 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

“Component Design Components are interface blocks that you will use most frequently. They can be Cards or text fields, and they can have different types, states, cases and variants, and different sizes and grammations. In this lesson we will see how to design them from scratch. Let's see it. ANATOMY OF A COMPONENT Components usually put together several parts or several elements and they form something more complex. And it is more than the sum of its parts because they have a definite purpose. Material Design uses the Card component a lot, that as you see in the image is complex, but it is m...”

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