Master Figma from 0 to 100

Overview

“Let me show you how to convert components into variants components, add properties and values, and make changes to existing variants.”

In this video lesson Mirko Santangelo addresses the topic: Component Variants, which is part of the Domestika online course: Course 6: Components and Variants . Figma.

Partial transcription of the video

“Think about variants as alternatives of our component. We're going to see how to create some from scratch, as well as organize the different properties. Let's begin. We saw earlier that in order to generate multiple variations of a component, let's say a hover state, we will just have to create a new main component. Over time though, this system doesn't scale well, especially because design systems get very, very large in many instances. So Figma came up with this idea of variants, which is a special feature of components that allow us to create variation out of a single component and keep ...”

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

Course summary for: Course 6: Components and Variants

• Level: Beginner
• 96% positive reviews (113)
• 13 students
• 9 units
• 9 lessons (42m)
• 1 download