UXPin is a code-driven prototyping tool that allows you to bring UI components from code repository to design, and create prototypes with those components. uxpin.com.
Tools | |
---|---|
Box | B |
Rectangle | R |
Oval | O |
Text | T |
Line | L |
Arrow | A |
Pen | P |
Image | I |
Icon | β₯ + I |
Hotspot | H |
Comment | C |
Button | β₯ + B |
Zoom | |
Pan | Space Drag |
Zoom In | Z + Click or β + |
Zoom Out | Z + β₯ + Click or β - |
Zoom to 100% | Shift + 0 |
Fit to Selected Area | Z + Drag |
Fit to All | Shift + 1 |
Fit to Selection | Shift + 2 |
Basic | |
Undo | β + Z |
Redo | Shift + β + Z |
Copy | β + C |
Cut | β + X |
Paste | β + V |
Duplicate | β₯ + Drag or β + D |
Delete | β or Delete |
Layers | |
Rename | β + R |
Select Multiple | β + Click |
Select All Between | Shift + Click |
Select Next Sibling | Tab |
Select Previous Sibling | Shift + Tab |
Select Child | Enter |
Select Parent | Escape |
Collapse All | β₯ + β + L |
Selection | |
Select Layer | Click |
Select Nested | β + Click |
Select Multiple | Shift + Click |
Select All | β + A |
Select Within Selection | β + Drag |
Select All in Selection | Drag |
Selected Layers | |
Group | β + G |
Ungroup | Shift + β + G |
Lock | Shift + β + L |
Hide | Shift + β + H |
Copy Style | β₯ + β + C |
Paste Style | β₯ + β + V |
Copy Interactions | Shift + β + C |
Paste Interactions | Shift + β + V |
Set Opacity | 0-9 |
Refresh Data | Shift + β + D |
Show Distance | β₯ + Hover |
Center to Selection | Shift + 3 |
Edit Text or Path | Enter |
Mask | β₯ + β + M |
Move and Resize | |
Move Along X/Y Axis | Shift + β β β β |
Move Ignoring Snapping | β + Drag |
Small Nudge | β β β β |
Big Nudge | Shift + β β β β |
Resize By 1px | β + β β β β |
Resize By 10px | Shift + β + β β β β |
Arrange | |
Bring To Front | β₯ + β + ] |
Send To Back | β₯ + β + [ |
Move Forward | β + ] |
Move Behind | β + [ |
Align Left | β₯ + A |
Align Center | β₯ + X |
Align right | β₯ + D |
Align Top | β₯ + W |
Align Middle | β₯ + Y |
Align Bottom | β₯ + S |
Distribute Horizontally | β₯ + β + X |
Distribute Vertically | β₯ + β + Y |
Smart Grid | β + β₯ + G |
Component | |
Create Component | β + K |
Break Component | β + Shift + B |
States | |
Add State | Shift + β + S |
Set Next State | Shift + . |
Set Previous State | Shift + , |
View | |
Pages and Layers | β₯ + 1 |
Search | β + F |
Design System Libraries | β₯ + 2 |
Preview | β + P |
Share | β + Shift + P |
Export | β + Shift + E |
Shortcuts | Shift + / |
Grid | β₯ + G |
Guides | β₯ + H |
Toggle UI | β + \ |
Text | |
Bold | β + B |
Italic | β + I |
Underline | β + U |
Adjust Size | β₯ + . or β₯ + , |
Adjust Leading | Shift + β₯ + . or Shift + β₯ + , |
Adjust Tracking | β + β₯ + . or β + β₯ + , |
Pages | |
New Page | β₯ + N |
Next Page | β₯ + ] |
Previous Page | β₯ + [ |
Tools | |
---|---|
Box | B |
Rectangle | R |
Oval | O |
Text | T |
Line | L |
Arrow | A |
Pen | P |
Image | I |
Icon | Alt + I |
Hotspot | H |
Comment | C |
Button | Alt + B |
Zoom | |
Pan | Space Drag |
Zoom In | Z + Click or Ctrl + |
Zoom Out | Z + Alt + Click or Ctrl - |
Zoom to 100% | Shift + 0 |
Fit to Selected Area | Z + Drag |
Fit to All | Shift + 1 |
Fit to Selection | Shift + 2 |
Basic | |
Undo | Ctrl + Z |
Redo | Shift + Ctrl + Z |
Copy | Ctrl + C |
Cut | Ctrl + X |
Paste | Ctrl + V |
Duplicate | Alt + Drag or Ctrl + D |
Delete | β or Delete |
Layers | |
Rename | Ctrl + R |
Select Multiple | Ctrl + Click |
Select All Between | Shift + Click |
Select Next Sibling | Tab |
Select Previous Sibling | Shift + Tab |
Select Child | Enter |
Select Parent | Escape |
Collapse All | Alt + Ctrl + L |
Selection | |
Select Layer | Click |
Select Nested | Ctrl + Click |
Select Multiple | Shift + Click |
Select All | Ctrl + A |
Select Within Selection | Ctrl + Drag |
Select All in Selection | Drag |
Selected Layers | |
Group | Ctrl + G |
Ungroup | Shift + Ctrl + G |
Lock | Shift + Ctrl + L |
Hide | Shift + Ctrl + H |
Copy Style | Alt + Ctrl + C |
Paste Style | Alt + Ctrl + V |
Copy Interactions | Shift + Ctrl + C |
Paste Interactions | Shift + Ctrl + V |
Set Opacity | 0-9 |
Refresh Data | Shift + Ctrl + D |
Show Distance | Alt + Hover |
Center to Selection | Shift + 3 |
Edit Text or Path | Enter |
Mask | Alt + Ctrl + M |
Move and Resize | |
Move Along X/Y Axis | Shift + β β β β |
Move Ignoring Snapping | Ctrl + Drag |
Small Nudge | β β β β |
Big Nudge | Shift + β β β β |
Resize By 1px | Ctrl + β β β β |
Resize By 10px | Shift + Ctrl + β β β β |
Arrange | |
Bring To Front | Alt + Ctrl + ] |
Send To Back | Alt + Ctrl + [ |
Move Forward | Ctrl + ] |
Move Behind | Ctrl + [ |
Align Left | Alt + A |
Align Center | Alt + X |
Align right | Alt + D |
Align Top | Alt + W |
Align Middle | Alt + Y |
Align Bottom | Alt + S |
Distribute Horizontally | Alt + Ctrl + X |
Distribute Vertically | Alt + Ctrl + Y |
Smart Grid | Ctrl + Alt + G |
Component | |
Create Component | Ctrl + K |
Break Component | Ctrl + Shift + B |
States | |
Add State | Shift + Ctrl + S |
Set Next State | Shift + . |
Set Previous State | Shift + , |
View | |
Pages and Layers | Alt + 1 |
Search | Ctrl + F |
Design System Libraries | Alt + 2 |
Preview | Ctrl + P |
Share | Ctrl + Shift + P |
Export | Ctrl + Shift + E |
Shortcuts | Shift + / |
Grid | Alt + G |
Guides | Alt + H |
Toggle UI | Ctrl + \ |
Text | |
Bold | Ctrl + B |
Italic | Ctrl + I |
Underline | Ctrl + U |
Adjust Size | Alt + . or Alt + , |
Adjust Leading | Shift + Alt + . or Shift + Alt + , |
Adjust Tracking | Ctrl + Alt + . or Ctrl + Alt + , |
Pages | |
New Page | Alt + N |
Next Page | Alt + ] |
Previous Page | Alt + [ |
Try searching for something else. Think weβre missing something? Send us an issue or add it yourself.
Add a missing shortcut πͺοΈ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 freeFeel 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 πͺ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 π¦