Component Tips

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.