Shortcuts.design
Framer Shortcuts
You’ve never made a website this fast before. Really. No more complicated workflows. Just design and publish, that’s it, everything you put on the canvas is ready to be published to the web Framer.com.
| File | |
|---|---|
| New | ⌥ ⌘ N |
| Upload image | ⌥ ⌘ I |
| Layout | |
| Add Frame | ⌘ ↩ |
| Add Stack | ⌥ ⌘ ↩ |
| Remove Wrapper | ⌥ backspace |
| Move Forward | ⌥ ⌘ ↑ |
| Move Backward | ⌥ ⌘ ↓ |
| Publish | |
| Add Frame | ⌥ S |
| Edit | |
| Undo | ⌘ Z |
| Redo | ⇧ ⌘ Z |
| Copy style | ⌥ ⌘ C |
| Paste style | ⌥ ⌘ V |
| Duplicate | ⌘ D |
| Delete | Backspace |
| Lock | ⌘ L |
| Hide | ⌘ ; |
| Rename | ⌘ R |
| Select all | ⌘ A |
| Select all siblings | ⇧ ⌘ A |
| Select all children | ⌥ ⌘ A |
| Graphic | |
| Group | ⌘ G |
| Ungroup | ⇧ ⌘ G |
| Tools | |
| Insert | I |
| Library | ⌘ / |
| Web page Stack | ⇧ S |
| Frame | F |
| Round | U |
| Text | T |
| Interaction | L |
| Graphic | G |
| Comment | C |
| Zoom | Z |
| Sample Color | ⌃ C |
| View | |
| Night Mode | ⌃ ⌘ N |
| Zoom in | ⌘ + |
| Zoom out | ⌘ - |
| Zoom to 100% | ⌘ 0 |
| Zoom to fit | ⌘ 1 |
| Zoom to selection | ⌘ 2 |
| Toggle Interface | L |
| Show rulers | ⌘ R |
| Show layout grids | ⌃ G |
| Component | |
| Create component | ⌘ K |
| Create from code | ⇧ ⌘ K |
| Text | |
| Bold | ⌘ B |
| Italic | ⌘ I |
| Underline | ⌘ U |
| File | |
|---|---|
| New | Alt Control N |
| Upload image | Alt Control I |
| Layout | |
| Add Frame | Control ↩ |
| Add Stack | Alt Control ↩ |
| Remove Wrapper | Alt backspace |
| Move Forward | Alt Control ↑ |
| Move Backward | Alt Control ↓ |
| Publish | |
| Add Frame | Alt S |
| Edit | |
| Undo | Control Z |
| Redo | Shift Control Z |
| Copy style | Alt Control C |
| Paste style | Alt Control V |
| Duplicate | Control D |
| Delete | Backspace |
| Lock | Control L |
| Hide | Control ; |
| Rename | Control R |
| Select all | Control A |
| Select all siblings | Shift Control A |
| Select all children | Alt Control A |
| Graphic | |
| Group | Control G |
| Ungroup | Shift Control G |
| Tools | |
| Insert | I |
| Library | Control / |
| Web page Stack | Shift S |
| Frame | F |
| Round | U |
| Text | T |
| Interaction | L |
| Graphic | G |
| Comment | C |
| Zoom | Z |
| Sample Color | Control C |
| View | |
| Night Mode | Control Control N |
| Zoom in | Control + |
| Zoom out | Control - |
| Zoom to 100% | Control 0 |
| Zoom to fit | Control 1 |
| Zoom to selection | Control 2 |
| Toggle Interface | L |
| Show rulers | Control R |
| Show layout grids | Control G |
| Component | |
| Create component | Control K |
| Create from code | Shift Control K |
| Text | |
| Bold | Control B |
| Italic | Control I |
| Underline | Control U |
We searched everywhere, but we couldn’t fine a shortcut matching your search-query.
Try searching for something else. Think we’re missing something? Send us an issue or add it yourself.
Add a missing shortcut 💪️Sponsored by Convert_
Create on brand powerful calculators, quote forms, lead funnels, and more without code!
Use calculations, charts, datepickers, eSignatures, payments, Google Places API, file uploads — Then embed it in your Framer website or other site builder.
Start building for freeHelping out
Missing something?
Feel free to request missing tools or give some feedback using Twitter, E-mail or GitHub! If you can, please help out by adding the data yourself and be the hero of the ±12k people per month using this resource.
Add a tool 💪
Created by
Michel van Heest
Designing products that enable others to to create or become more effective · Currently Product Designer @ConvertCalculator · Prev @WeTransfer, @Awkward & @YipYip.
Buy me a coffee ☕ Twitter 🐦