#FigmaTip Roundup 9.0 | Figma Blog (opens in new tab)

This #FigmaTip Roundup presents practical shortcuts and component techniques shared by the Figma design community. The tips focus on arranging objects efficiently, creating mirrored component variants, and customizing spacing adjustments. Together, they show how keyboard shortcuts and reusable components can speed up common design tasks.

Arranging Multiple Frames

• Use Cmd + ` to pack selected objects vertically.
• Use Cmd + Shift + ` to pack them horizontally.
• Combine these shortcuts with Figma’s alignment commands to quickly reorganize several frames or objects.

Creating Mirrored Components

• To make a flipped, reusable component:
  • Option-drag the original component into a new empty component.
  • Press Shift + H to mirror it horizontally.
• The mirrored component remains linked to the original, so changes made to the source component are reflected in the flipped version.

Customizing Spacing with “Nudge Amount”

• Figma’s Nudge Amount setting controls how far objects move when using the arrow keys.
• Adjusting this value lets designers choose more appropriate spacing increments instead of relying only on the default nudge distance.
• This is useful for making precise or larger layout adjustments more efficiently.

These techniques provide quick ways to improve layout organization, maintain consistent component variations, and fine-tune spacing directly from the keyboard.