Framer X is the latest and greatest version of Framer Studio, the prototyping tool. Framer Studio when initially released gave designers the ability to create realistic app prototype designs and animate very advanced interactions than other design apps at the time.
Tools | |
Frame | F |
Round | U |
Text | T |
Stack | S |
Link | L |
Pan Canvas | Space |
Graphics | |
Graphic | G |
Path | P |
Rectangle | R |
Oval | O |
Vector | V |
Group | Cmd+G |
Ungroup | Cmd+Shift+G |
Layout | |
Add Frame | Cmd+Enter |
Add Stack | Cmd+Opt+Enter |
Remove Wrapper | Cmd+Del |
Move Forward | Cmd+Opt+Up |
Move Backward | Cmd+Opt+Down |
Components | |
Create from Design | Cmd+K |
Create from Code | Cmd+Shift+K |
Text | |
Bold | Cmd+B |
Italic | Cmd+I |
Underline | Cmd+U |
Editing | |
Object Size | Cmd+(arrows) |
Object Size by 10px | Cmd+Shift+(arrows) |
Opacity | 0-9 |
Show Distance | Opt |
Duplicate in Place | Cmd+D |
Copy Style | Cmd+Opt+C |
Paste Style | Cmd+Opt+V |
Color Picker | Ctrl+C |
Select All Layers | Cmd+A |
Select All Siblings | Cmd+Shift+A |
Select All Children | Cmd+Opt+A |
View | |
Zoom | Z |
Zoom In | Cmd+(+) |
Zoom Out | Cmd+(-) |
Zoom to Fit | Cmd+1 |
Zoom to Fit Selection | Cmd+2 |
Zoom to 100% | Cmd+0 |
Show Rulers | Ctrl+R |
Window | |
Minimize | Cmd+M |
Welcome | Cmd+Shift+1 |
Preview | Cmd+P |