Speed matters — especially when you're designing in Figma. Whether you're working on UI screens, illustrations, or prototypes, the right shortcuts can save minutes on every task (which adds up fast).
Here are 10 essential Figma shortcuts every designer should know.
1. Duplicate Anything Instantly
Shortcut: Ctrl + D (Win) / Cmd + D (Mac)
Perfect for quick creation of repeated elements without breaking your design rhythm.
2. Show / Hide UI Panels
Shortcut: Ctrl + \ (Win) / Cmd + \ (Mac)
Hides Figma’s side panels so you can focus on your canvas without distractions.
3. Frame Selection
Shortcut: Ctrl + Alt + G (Win) / Cmd + Option + G (Mac)
Frames selected layers instantly—super useful when organizing components and layouts.
4. Quick Outline Stroke
Shortcut: Ctrl + Shift + O (Win) / Cmd + Shift + O (Mac)
Converts strokes to outlines. Helpful when exporting assets or preparing SVGs.
5. Zoom to Selection
Shortcut: Shift + 2
Immediately centers and zooms to whatever layer you selected.
6. Quick Rename Layer
Shortcut: Enter
Select a layer and hit Enter to rename it instantly. Get those layers clean.
7. Duplicate in Place (Better Than Copy-Paste)
Shortcut: Alt + drag
Makes a clean duplicate right where you want it — perfect for layout grids.
8. Pixel Preview
Shortcut: Ctrl + ' (Win) / Cmd + ' (Mac)
See exactly how your design will look on real screens at pixel level.
9. Comment Tool
Shortcut: C
Switch to comment mode instantly — great for collaborative design reviews.
10. Quick Component Creation
Shortcut: Ctrl + Alt + K (Win) / Cmd + Option + K (Mac)
Turns any UI element into a component. Essential for building scalable design systems.
Final Thoughts
Shortcuts aren’t just about speed — they reduce cognitive load and help you stay in a creative flow. Master these 10, and you’ll feel a massive productivity boost in your Figma workflow.
If you want a part 2 with auto-layout shortcuts, prototyping shortcuts, or hidden Figma tricks, let me know!
Top comments (0)