Quick Start: Framer Shortcuts That Save Hours
Framer keyboard shortcuts help you design fast. Use keys to insert, edit, and preview. Memorize a few. Speed will follow. Looking for Figma shortcuts instead? Check out our Figma shortcuts guide.
What you will find on this page
- Complete shortcut table for Mac and Windows.
- Category groups to learn quickly.
- Snippet-friendly Q&A for search results.
Framer Keyboard Shortcuts — Full Table
Two columns show Mac and Windows keys. Use the kbd blocks to scan quickly. Need design templates? Browse our collection of free Figma login screen designs.
| Category | Action | Mac | Windows / Cross-platform |
|---|---|---|---|
| General / File | New file | ⌥ + ⌘ + N | Alt + Ctrl + N |
| Quick Actions / Command Palette | ⌘ + K | Ctrl + K | |
| Upload image | ⌥ + ⌘ + I | Alt + Ctrl + I | |
| Toggle interface panels (hide/show) | L | L | |
| Toggle dark mode / night mode | ⌃ + ⌘ + N | Ctrl + Alt + N | |
| Open assets / library | ⌘ + / | Ctrl + / | |
| Selection & Editing | Undo | ⌘ + Z | Ctrl + Z |
| Redo | ⇧ + ⌘ + Z | Shift + Ctrl + Z | |
| Duplicate | ⌘ + D | Ctrl + D | |
| Delete / Remove | Backspace / Del | Del / Backspace | |
| Copy style | ⌥ + ⌘ + C | Alt + Ctrl + C | |
| Paste style | ⌥ + ⌘ + V | Alt + Ctrl + V | |
| Lock layer | ⌘ + L | Ctrl + L | |
| Hide layer | ⌘ + ; | Ctrl + ; | |
| Rename layer / item | ⌘ + R | Ctrl + R | |
| Select all | ⌘ + A | Ctrl + A | |
| Layout, Frames & Groups | Add frame | ⌘ + ↩ | Ctrl + Enter |
| Add stack (auto layout) | ⌥ + ⌘ + ↩ | Alt + Ctrl + Enter | |
| Unwrap / remove wrapper | ⌥ + Backspace | Alt + Del / Backspace | |
| Bring forward | ⌥ + ⌘ + ↑ | Alt + Ctrl + ↑ | |
| Send backward | ⌥ + ⌘ + ↓ | Alt + Ctrl + ↓ | |
| Select parent (exit group) | Esc | Esc | |
| Select all siblings | ⇧ + ⌘ + A | Shift + Ctrl + A | |
| Select all children | ⌥ + ⌘ + A | Alt + Ctrl + A | |
| Tools & Inserts | Insert / Switch to Insert mode | I | I |
| Frame tool | F | F | |
| Stack tool | S | S | |
| Text tool | T | T | |
| Interaction / Link tool | L | L | |
| Graphic / Shape tool | G | G | |
| Comment / Add comment | C | C | |
| Color picker (sample) | ⌃ + C (in sample mode) | Ctrl + C (in sample mode) | |
| Library / Assets panel | ⌘ + / | Ctrl + / | |
| Zoom & View | Zoom in | ⌘ + + | Ctrl + + |
| Zoom out | ⌘ + − | Ctrl + − | |
| Zoom to 100% | ⌘ + 0 | Ctrl + 0 | |
| Fit to view | ⌘ + 1 | Ctrl + 1 | |
| Zoom to selection | ⌘ + 2 | Ctrl + 2 | |
| Show rulers | ⌘ + R | Ctrl + R | |
| Toggle guides / layout grids | ⌃ + G | Ctrl + G | |
| Text Formatting | Bold | ⌘ + B | Ctrl + B |
| Italic | ⌘ + I | Ctrl + I | |
| Underline | ⌘ + U | Ctrl + U | |
| Components & Code | Create component from design | ⌘ + K | Ctrl + K |
| Create code component | ⇧ + ⌘ + K | Shift + Ctrl + K | |
| Open code editor (component) | Double-click component | Double-click component | |
| Notes: Framer updates may add shortcuts. These keys reflect common defaults across macOS and Windows. Framer currently does not allow full custom key remapping. | |||
- Learn five core shortcuts first. Use them every day.
- Use the Command Palette to avoid hunting menus.
- Group shortcuts by task to build muscle memory.
What are Framer keyboard shortcuts?
Framer keyboard shortcuts are quick key combos. They let designers insert, edit, and preview faster. Use them to cut mouse time. They cover tools, layout, text, and view commands for macOS and Windows.
Shortcuts speed up common tasks. Designers move faster and iterate more often. Framer maps shortcuts to insert, format, and preview. Memorize small sets first. Use the palette to find less common commands. For more design resources, explore our 3D glossy icons guide.
How can I learn Framer shortcuts quickly?
No. Framer does not currently offer full custom shortcut mapping. Defaults remain fixed. Use the Command Palette to access many commands quickly. Check updates for future changes.
Framer focuses on consistent cross-platform defaults. The Command Palette covers many needs without remapping. Save custom actions as components or code snippets instead.
Can I customize Framer keyboard shortcuts?
Start with five core shortcuts. Practice them for one week. Group keys by task. Use the Command Palette often. Create a printable cheat sheet and review it before each session.
Pick insert, duplicate, undo, command palette, and frame creation keys. Repeat common flows. Keep a printable reference near your workspace. Small daily practice compounds quickly. Need design assets? Visit our mockup gallery for inspiration.
Shortcuts change how you design. Memorize the essentials. Use this cheat sheet until the keys become natural.
FAQ: Framer Keyboard Shortcuts
Which Framer shortcuts work across Mac and Windows?
Many Framer shortcuts use the same letter keys on both systems. For example, I, F, T, and C behave the same. Modifier keys differ between Mac and Windows. Browse more design tips on our homepage.
Where do I find the command palette in Framer?
Press ⌘ + K on Mac or Ctrl + K on Windows. The palette lists commands and helps you run actions fast.
Are the shortcuts final?
Framer updates can add or tweak keys. Check official release notes when a new app update appears.
Superfiles
Lemonade Wishes
