Design Systems for Websites using Figma
Exploring Variants When Creating Components
A course by Filip Felbar , Diseñador digital
About the video: Exploring Variants When Creating Components
Overview
“In this lesson, we will dive a bit deeper into components; you will understand how we can use variants to grow our toolkit even further. You will also get a better sense of how the naming conventions come into play within Figma and where you can explore to see which features you would like to highlight and have easy access to. ”
In this video lesson Filip Felbar addresses the topic: Exploring Variants When Creating Components, which is part of the Domestika online course: Design Systems for Websites using Figma. Learn how to build design systems for visually appealing websites using Figma and maximize your workflow..
Partial transcription of the video
“ Exploring Variants When Creating Components In this lesson, we'll go over variants and how they work with components so that we can scale our components into multiple instances. We'll also see how the naming conventions come into play and how they can help us out with a better structure within Figma. This is where our naming convention comes into play and why we've opted for giving this structure to our global components. If you select all of your main components, we have the buttons here, you can see a new option appears under Components and you have Combine as variants. This allows us t...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: Design Systems for Websites using Figma
-
Category
Web & App Design -
Areas
Design, Digital Design, Digital Product Design, Web Design

Filip Felbar
A course by Filip Felbar
Filip Felbar is a digital designer based in Denmark specializing in helping companies communicate their core message to the public in a meaningful and engaging way. Coming from a creative family, Filip always wanted to do something creative, but it was while studying IT Design at the University of Applied Sciences in Zagreb that he discovered his passion for web design, development and branding. He has been recognized for his work with numerous awards, including Awwwards, CSS Design Awards and Mindsparkle Mag awards.
- 94% positive reviews (64)
- 5,560 students
- 22 lessons (5h 5m)
- 23 additional resources (6 files)
- Online and at your own pace
- Available on the app
- Audio: English
- English · Spanish · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever