Figma Shortcuts That Will Make You a Design Ninja

Design faster, think bigger

Figma is the industry-standard design tool. These shortcuts separate beginners from power users.

Layout shortcuts

• Ctrl+D / Cmd+D — Duplicate element (maintains spacing if used after a move)
• Shift+A — Add auto-layout to selection (instant responsive frames)
• Ctrl+G — Group selection / Ctrl+Shift+G — Ungroup
• Alt + drag — Duplicate while moving (game changer)

Alignment power moves

• Select multiple elements → right panel → "Tidy" button → instant clean grid
• Alt + hover — Shows spacing between any two elements

Component workflow

• Ctrl+Alt+K — Create component from selection
• Ctrl+Alt+B — Detach instance (for one-off customizations)
• Use variants for states (default, hover, active, disabled) in one component set

Prototype shortcuts

• Draw connections in Prototype mode with just a drag
• Use Smart Animate between matching layer names for smooth transitions

Learn 5 new shortcuts per week. In a month, you'll be designing at twice the speed.