Creating components

This Figma tip breaks down what components are, why we use them, and how to create them.
Figma is free to use. Sign up here: bit.ly/3msp0OV
____________________________________________________
Find us on ⬇️
Twitter: / figma
Instagram: / figma
LinkedIn: / figma
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems

[@kaii456]

Figma did such a good job hiring you. You present so well and unassuming without judgement or pedantic mannerism. Even when I know what you're talking about I still like to listen ❤️

[@irfanadamm5819]

she's great

[@ris-u5g]

Wow! 🙌I'm not the only one who thought that!!!

[@ONnTRAC]

Agreed!

[@thomaskyriakos1789]

exactly my thoughts , she knows how to deliver the idea smoothly

[@devendrasalunkhe]

i so wanted to say this. :)

[@ris-u5g]

The reason I started liking Figma is divided into before and after I met you. Even revisiting the basics has been really helpful! Many thx to you!!

[@oscarkhuong2104]

Usually, instructions from the Software Creators are bloody practical, no explanation, no insightful to users' pains. Therefore, users would seek for other guys' helps. However, you are surprisingly different. This video is simply clarify almost everything. Thanks.

[@w0mblemania]

This is a really good, real-world explantion. Well done.

[@mel_ny]

I love Figma's videos. I am a designer and I am starting with the UI/UX now.
Thank you so much for uploading these videos. They are really increasing my knowledge in Figma!

[@Lucia_Corleone]

perfect tutorial, thank you! ❤

[@wonga07]

Really clear explanation. Thank you!

[@itsnikka8293]

I clearly understood the purpose of components - I loved your voice it was easy for me to focus! :) thank you!

[@meenakshisaxena5214]

best vdo so far for a start

[@GhazalehRabiee]

thank you so much for this simple yet practical tutorial. I didn't know about components when I started prototyping. I'm in the middle of my design and it took me lots of time to make changes in my design 🤦‍♀How do I turn a button I've already created and used in my prototype into a component? is there anyway to make my work easier from now on?

[@winnermanfrancis685]

I love you, you are a great teacher God bless you

[@TonyBullard]

3:04 "This is the most beautiful design I ever made" - I LOL'd

[@yahyarahmandoost9816]

I like to see your videos😍

[@streamx2]

I cant see push all changes to main component

[@souleater0815]

I never saw the push changes option!

[@mingsirakowit3316]

Thank you

[@LeonardoAguiar3D]

Why does Figma's canvas GUI identify a component with the four little diamond icon but it doesn't identify an instance of that component with the outline diamond? Why are these icons only shown in the layers left side panel? Is there a way to turn on or off these small icon identifiers in the canvas?

[@hussnainraza4483]

Great learning experience of your lecture, But looking at you was even more attractive :-)

[@Golrokh.Sajjadi]

I have a query. I have 200 frames, each depicting an animal and its name. Now, I aim to utilize them and trigger an action where hovering changes the frame's border color, or clicking on the frame navigates to the respective animal's page. How can I achieve this with swap properties or variables to minimize excessive components and avoid multiple computations for 200 animals each time? Thanks

[@huotkosorl]

Greate

[@TonyBullard]

The only question I was left with after this tutorial is what happens to a altered instance, when the original component is changed. Example, If I changed the red box to yellow in an instance, and then I changed the box color on the component, would the yellow instance box change, or stay yellow?

[@ScienceDevkota]

Yellow instance box remains yellow, it doesn't change, i just tried the exact same thing

[@jazzybeat28]

How do you detach the main component?

[@thusspokezarathustra1847]

Main component is attached to none. Instances are attached to main components. So you can detach the instance from it's main component. If you want the main components to disappear just delete the main component. It will not delete the instances of this component which you deleted.

[@najorg2023]

CAN YOU PLEASE ASK HER TO KEEP THE CAMERA VIDEO ON BOTTOM RIGHT CORNER ?

[@Daniel-z4y9Daniel__2m8]

Sarcastically, oh, what a knockout! Apparently, your oh-so-"stellar" Sales Incentive payment has been oh-so-"processed."

[@omniamohamed315]

helllo

[@daviddonovan425]

Please don't whirl your mouse! PLEASE!

[@Elizabeth___r5]

Sarcastically, oh, what a knockout! Apparently, your oh-so-"stellar" Sales Incentive payment has been oh-so-"processed."