Figma Components, Variants & Properties for beginners (2024)

preview_player
Показать описание
Learn how to get started with Figma Components, Variants & Properties. Save time when designing and create style guides
  1. UX Tshili
Рекомендации по теме
Figma Component Properties 0:09:38

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

MASTER Figma Components 0:09:28

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

Figma tutorial: Component 0:18:14

Figma tutorial: Component properties

Figma components and 0:12:07

Figma components and variants for beginners

Figma Component Properties 0:09:45

Figma Component Properties 2024

Component properties 0:06:29

Component properties

Figma Components 101 0:26:26

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

Using Variables with 0:03:24

Using Variables with Component Properties | Figma

FIGMA COMPONENTS & 0:09:21

FIGMA COMPONENTS & VARIANTS

Variants 0:10:21

Variants

Master Figma Component 0:20:02

Master Figma Component Properties (Complete Tutorial)

New Figma Components 0:23:12

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

Figma Components, Variants 0:11:37

Figma Components, Variants & Properties for beginners (2024)

Figma Tutorial: Variants 0:14:16

Figma Tutorial: Variants

Figma Components | 0:26:04

Figma Components | Master Variants and Component Properties in 26 minutes. Figma Reusable Assets

Avatar Component - 0:25:32

Avatar Component - Figma Variables, Variants & Component Properties | Design System Part 9

Variant Properties Figma 0:14:27

Variant Properties Figma tutorial | Component Variants

Figma COMPONENT PROPERTIES 0:03:31

Figma COMPONENT PROPERTIES (2022 Update) Explained – With Examples

Understanding Figma Components 0:12:24

Understanding Figma Components & Variants for Beginners 2023 Guide

Swapping or switching 0:00:29

Swapping or switching icons on figma (variants)

Base Components with 0:15:28

Base Components with Component Properties in Figma!

Office hours: Jumping 0:59:06

Office hours: Jumping into component properties

How to swap 0:00:28

How to swap nested component instances

Figma Button Components 0:22:28

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

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

Hi Tshili,

Thank you so much for this step-by-step and easy-to-follow tutorial. I wanted a refresher on auto layout, components, instances, variants, and properties; and this awesome video gave me just that.

You're a great teacher. Well done 🤗

opeodunlami
Автор

Thank you very much for the video. I took the necessary notes about the video.

yunushanbayrak
Автор

Awesome video! It'll save me tons of time... Thanks for sharing it!

b_arias
Автор

Simple and easy to grasp.

Thank you, once again!

laughtero.atanda
Автор

Thank you SO MUCH for this turorial! Super helpful and easy to understand!🤩

kylievanheerden
Автор

Very interesting. I will try using components

Tee
Автор

Thank you very much
..
This video and others makes it so easy for me...

baturesolomon
Автор

I need to go over this again till i master it, Thank you Tshili.

temitopeolowe
Автор

Amazing! 😍
Thank you so much for this!

warisakorede_
Автор

Thank you very much for this video. it explains step by step what i was looking for but please is there a way i can share my screen with you because I can't find my components under Asset. i really need help to that. I'm new to figma.😪

emfarsis
Автор

Hello Tshili Thank you for the video. Would you mind making more on this subject? Also, will you kindly clarify my ambiguity? I used the image to create the component the same way, however when I try to modify the image, my instance components are unaffected. Please consider posting a video that shows each component independently.

arunashree
Автор

Can you do a video of making components active vs inactive?

bk
Автор

Neat video.. sub and notification on.. cheers

PrinOsam
Автор

Actually I’m searching for a way to add an icon or change properties to all variants at the same time

dah
Автор

I don’t know but it seems you’re cutting out some stuff. I kept replaying to see what you did with the 3rd variant. Please could you clarify that?

chidiebereubah