Component Properties in Figma

preview_player
Показать описание
In this tutorial, I will show you how to use component properties in Figma. I will create a button component with a few properties: show/hide icon, icon swap, and text modification. I will learn how to use instance swap, boolean, and text properties.

#figma #figmatutorial #ui #uidesign #uidesigntutorial
  1. Nick Babich
  2. how to use component properties in figma
  3. component with properties in figma
  4. figma component with properties
  5. create component properties in figma
  6. how to create component properties in figma
Рекомендации по теме
Figma tutorial: Component 0:18:14

Figma tutorial: Component properties

Figma Component Properties 0:09:38

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

Figma Component Properties 0:09:45

Figma Component Properties 2024

MASTER Figma Components 0:09:28

MASTER Figma Components in 10 Minutes (Everything You Need To Know)

Component properties 0:06:29

Component properties

Using Variables with 0:03:24

Using Variables with Component Properties | Figma

Master Figma Component 0:20:02

Master Figma Component Properties (Complete Tutorial)

Figma COMPONENT PROPERTIES 0:03:31

Figma COMPONENT PROPERTIES (2022 Update) Explained – With Examples

Figma Variables Made 0:40:06

Figma Variables Made Easy: Save Time & Create Smarter Designs (Dark & Light Mode Tutorial) i...

Component Properties in 0:03:12

Component Properties in Figma

Figma components and 0:12:07

Figma components and variants for beginners

Figma Components 101 0:26:26

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

Base Components with 0:15:28

Base Components with Component Properties in Figma!

Figma COMPONENT PROPERTIES 1:02:34

Figma COMPONENT PROPERTIES & BASE COMPONENTS Explained: The Ultimate Guide!

New Figma Components 0:23:12

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

Component Properties Figma 0:21:47

Component Properties Figma tutorial

Component Properties in 0:02:05

Component Properties in Figma UI3 2025 Explained: Streamline Your Workflow

Best practices for 0:07:10

Best practices for component properties — Figma Academy

How to swap 0:00:28

How to swap nested component instances

Boolean Property in 0:01:00

Boolean Property in Figma Component

FIGMA COMPONENTS & 0:09:21

FIGMA COMPONENTS & VARIANTS

Figma's NEW Component 0:08:09

Figma's NEW Component Properties Update | Figma Tutorial

The RIGHT Way 0:28:23

The RIGHT Way to Use Figma Component Properties (card design tutorial incl figma file)

Swapping or switching 0:00:29

Swapping or switching icons on figma (variants)

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

Wow! your tutorial is very very concise and easy to understand. Thank you!!

octbc
Автор

Waiting variables for multi brand design systems 🔥

aleksmoroz
Автор

U saved my day! U deserve a kiss! lol So easy! I was wondering how those components were created in my company's design system. People are so hard to share knowledgements! I think that's so usual between designers "world". That's so sad, because I use to share everything I learn too. About the video, I'm creating status tags... how can I set fixed different text status variables, such: Active, Inactive, Excluded, Pendent, Processing, etc... ? So I don't have to type - just select in the combo options (the same way u done for the icons, where you can select different icons).

fnonaka