CHAPTER 10.
Component Tips
Figma allows us to design with components repeatable objects which behave according to sets of rules which we define.
Let’s run through some tips and tricks to help you make the most of components.
Watch tutorials on You Tube
TIP 01.
Combine Components to Propagate Changes Easily
A button, for example, might be a component comprising a shape object and a text object.
TIP 02.
Create Symmetry by Flipping Components
If you want to create symmetry or mirroring, create a component out of one half of whatever it is you want to use.
TIP 03.
Create Repeating Patterns by Tiling Components
Begin by creating a single tile component at whatever size you need, then create more instances by holding down ALT and dragging the original, preferably a couple of times along each axis.