Figma tutorial: Build reusable components [3 of 8]

Показать описание

Components are a powerful and flexible design tool that will save you and your team time. In this video we'll teach you how to make a Master Component, create a Component Instance, and use Overrides.

Timestamps:
0:00 - What are components
0:15 - What is a master component
0:28 - What are component instances
1:00 - How to create a rectangle
1:45 - Adding text to your design
2:28 - How to change fonts
3:03 - How to align properties
3:40 - How to change fill colors
4:00 - Renaming layers
4:15 - How to create a component
4:43 - How to create a component instance
5:30 - Customizing your component instance
6:15 - What component instance properties can you override
6:29 - Viewing your team’s components

Want to learn more about Components? Check out these resources:

Music:
"Yo Picasso" by Verified Picasso

#Figma #FigmaDesign #FigmaTutorial #Components #Button #ButtonDesign

Рекомендации по теме

Комментарии

I worked with this video to create a component more quickly than other videos have come across earlier. Thanks.

mymovietellerofficial

beside seeing it on left panel/ layer panel, how to see the label on canvas? (i.e. double diamond) see 4:30 in video

TheDirectorET

This is way better than the new updated 2020 version.

aurelianspodarec

awesome video..plz do more videos on figma and design eagerly waiting ...thanks for making such amazing video

hk_build

the fact that the line height/text bounding box doesn't allow the text to be optically centered when hitting align horizontal & vertical is an issues i hate. I shouldn't have to nudge things to get them centered. It would be better if figma would use baseline height to align text within a object instead of using line height/text frames

lonewolf

Compare with use retangle as a button, it's better to use frame as a button, it's much convenient to adjust center text alignment

ronniemao

I really wish you could set min widths and height.

djblast

what is the options button for windows ?

noone

how to select both button and background at same time

visheshgour

dear figma

the link you provide for the playlist is wrong.

nathpakkhabongsetemthanapo

When I create an instance of the master button and I edit the text on the instance, I can't move new text or adjust new text's x and y to center it. What am I doing wrong?

Lifesabitch