Best Use of Component Variants in Figma (Advanced) | UI Design

preview_player
Показать описание
This video is for UI designers who use Figma component libraries. It will teach you how to set up component/variants extremely efficiently. You will learn techniques that will simplify the design process for you and your fellow designers who use your component library!

00:00 Intro
00:52 Multiple variants
06:25 Boolean property
09:29 Instance swap property
12:32 Text property

#figma #figmatips #ui #design
  1. ApolloDesigns
  2. Figma
  3. UI Design
  4. UI
  5. Design
  6. UX Design
Рекомендации по теме
Figma components and 0:12:07

Figma components and variants for beginners

Figma Component Properties 0:09:38

Figma Component Properties made SIMPLE (Variants, Boolean, Text, Instance)

Best Use of 0:15:40

Best Use of Component Variants in Figma (Advanced) | UI Design

Component variants: the 0:03:01

Component variants: the 11 most important things to know

How to use 1:10:38

How to use Figma Components & Variants?

Understanding Figma Components 0:12:24

Understanding Figma Components & Variants for Beginners 2023 Guide

Interactive Components using 0:00:58

Interactive Components using Variants in Figma! #figma #figmadesign #tutorial

Mastering Framer Components 0:19:32

Mastering Framer Components | Variants & Variables

Is the 2025 0:03:15

Is the 2025 Yamaha MT-07 the Best Bike of the Year? Let’s Find Out!

Figma Tutorial: Variants 0:11:57

Figma Tutorial: Variants in 11 minutes (With Demo File & Real Examples)

Figma Components 101 0:26:26

Figma Components 101 | Learn about Variants and Components Properties | Figma tutorial

Variant Properties Figma 0:14:27

Variant Properties Figma tutorial | Component Variants

New Figma Components 0:23:12

New Figma Components 101: Variants and Component Properties (Boolean, Instance Swap, and Text)

How to Use 0:11:33

How to Use Figma Variants

Framer Tutorial: Components 0:16:11

Framer Tutorial: Components with Interactions, Variants and Variables

Advanced Figma Variants 0:04:25

Advanced Figma Variants

Variants vs variables 0:15:11

Variants vs variables

How to Design 0:17:14

How to Design Powerful Components and Buttons with Variants and Auto Layout in Figma (NEW)

Figma Button Components 0:22:28

Figma Button Components (Variables, Tokens, Variants & Component Properties ) | Design System Pa...

Buttons Design System: 0:24:06

Buttons Design System: How to Create a Button UI Library with variants and Component Properties

Figma variants to 0:00:33

Figma variants to interactive React components in a click | Anima App

Figma in 55 0:00:56

Figma in 55 Seconds: Tables with auto layout and variants

Figma NEW Component 0:08:25

Figma NEW Component Properties & Variant’s Tutorial

Figma short tutorial: 0:02:36

Figma short tutorial: add Variants to Components

Комментарии
Автор

For me the best tutorial on this subject. Many thanks! One remark you start with 4 buttons without guidance....

DubbelDutch
Автор

Simply Great...all at one place....hats off to a ton

suniljadhav
Автор

I always learn something new watching your videos! Thanks and keep it up!

nic
Автор

Very clear and helpful information. Thanks for the video!

riazhu
Автор

thanks for what you taught, with the latest updates, some contents are deteriorated, or even teachers don't create the components from scratch, thus making it difficult for those who are starting, you were very didactic and saved my day, thanks again, hugs from brazil!

jhonatasebac
Автор

Thanks a lot and keep uploading new videos .
You will grow a lot one day 🤍🤍 for your easy explanation

ahmedrabiul