Open in app

Sign up

Sign in

Write

Sign up

Sign in

Home

Following

Library

Stories

Stats

UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

10 Component Tips in Figma

Tips and best practices for components in Figma

Danny Sapio
UX Collective
Published in
6 min readDec 13, 2021

Recommended: Follow Along in Figma

Follow along with the Figma Community file I created.

1. Component Shortcuts

The more you become familiar with the shortcuts for components, the quicker they’ll quickly become second nature.

Try these component shortcuts to speed up your workflow:

Mac:

  • OPTION + CMD + K = Create component
  • OPTION + CMD + B = Detach instance
  • OPTION + CMD+ O = Team library
  • OPTION + 2 = Show asset panel (option + 1 returns you to the layers panel)

Windows:

  • ALT + CTRL + K = Create component
  • ALT + CTRL + B = Detach instance
  • ALT + CTRL + O = Team library
  • ALT + 2 = Show asset panel (option + 1 returns you to the layers panel)

2. Swap Components

After opening the asset panel (using option/alt + 2 or shift + I), you can drag component instances onto the canvas. If you have a component in place already, try using these shortcuts while dragging a component to replace an existing one.

  • Hold OPTION / ALT to replace a component
  • Hold OPTION / ALT + CMD / CTRL to replace a nested component

3. Naming Components

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Continue in app
Or, continue in mobile web

Already have an account? Sign in

UX Collective
UX Collective
Follow

Published in UX Collective

536K Followers
Last published 4 hours ago

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow
Danny Sapio
Danny Sapio
Follow

Written by Danny Sapio

23K Followers
78 Following

Product Designer • Building FramerOverrides.com & FramerAuth.com

Follow

Responses (2)

Write a response

What are your thoughts?

Jon Howell

Feb 6, 2022

Agree with Lia, slot components are awesome. Can't wait to try them out.
Have Fun = always great advice. :)
OTOH - personally, I see a lot of this as reinventing the wheel. New terms that serve no purpose other than to dilute our message and power as…

--

Lia

Jan 22, 2022

I love the idea of the Slot Components! Thanks for sharing this

--

Text to speech