Figma Components 101

Components are elements of your designs that you want to reuse - you can think of them like building blocks. Components help keep your designs consistent and allow you to quickly apply changes across multiple files and projects.

Help Center Articles:

Other Videos:

Timestamps:
0:00 - What are components?
0:21 - How to use components in Figma
0:29 - Main Component
0:39 - Creating a instance
0:57 - Overrides
1:08 - Removing overrides
1:15 - Applying overrides to a main component
1:29 - Detaching an instance
1:48 - Main component and instance icons
2:01 - Go to main component
2:06 - Libraries

#Figma #FigmaTutorial #Components

Music:
Underground Stars by Loxbeats
Creative Commons — Attribution 3.0 Unported — CC BY 3.0

[Krasniysharigg]

0:27 in windows it is called "Alt": _Ctrl + _*_Alt_*_ + K_

[questionyourbeliefs]

First of all this is a great video, very helpful. But I have to say, for some reason the speakers voice stresses me out. Something about his pacing is very anxiety inducing. Hope you don't mind the feedback.

[YudiMuchanis]

Having a front-end development basics, most figma features really make me happy 😁 Building components is like building a css for me.

[polobreak]

Unrelated subject but I wish it was possible for figma to remember the last scroll positions of frames in prototyping. The preserve scroll position only works if the two frames are same size but not if they are different sizes. Not ideal if you are prototyping 2 different sized large documents in different tabs and it get reset to the beginning of the scroll position every time if you switch tabs

[mischugo]

Nice tut! But, can you turn down the music a bit or switch it off completely .... At an advanced age it is no longer easy to concentrate   😁

[snowydarf]

Very confusing video at times. This seems to be presented to experienced users, not a 101. The narrator speaks very quickly and the music is distracting, so I was unable to understand unless I slowed the video down. There is incorrect information presented with keyboard shortcuts, for Windows (twice), as there is not an “option” key for Windows.

[Human_Evolution-]

I was stuck for 30 min trying to take a layer out of a comp and make it a new comp. I think I did it right finally. I made the laer/layers a UNION then dragged it out of the comp, then created a new comp. Was that an ideal process?

[luitsatrap]

Why cant I see my components instances when I go to the play view?

[cassielfarias]

Nice! Cant wait to use states in components

[ucoe]

I could not insert the icon in the instance...How to do it...can anyone help.

[RitaPetrilli]

Hi! I don't always see the option to push overrises to the main component... why?

[sopaesapos]

trsite q a library só pode ser usada com um projeto em

[udyeat]

Hello everyone! Where I can find a Figma freelancer for a project?

[TheJesh]

Thank U! Now help me move 200 artboards with components from XD to Figma

[evilballer]

1:49 sadly windows doesnt have an option key )))

[randomuser]

Component sets do not have a main component, which sucks.

[yassinezanina]

I saw this And I thought finally component instances will now work in prototype, but NO its just a video explaining an old feature that everyone must know by now..

[anoobis]

What is the name of Figma's automobile shop?
.
.
.
.
.
.
.
CARMA