UI/UX design tool shortcuts
ShortcutsV Select
R Rectangle
E Ellipse
Y Polygon
L Line
P Pen
T Text
A Artboard
I Eyedropper
Space + drag Pan
# Drawing
β§ drag Constrain shape
β₯ drag Draw from center
Double-click Edit path pointsβG / Ctrl+G Group
ββ§G / Ctrl+Shift+G Ungroup
βL / Ctrl+L Lock/Unlock
β; / Ctrl+; Hide/Show
βK / Ctrl+K Make component
# Artboards
A Artboard tool
Presets: iPhone, iPad, Web, Custom
βD / Ctrl+D Duplicate artboard
# Z-order
β[ / Ctrl+[ Send backward
β] / Ctrl+] Bring forward
ββ§[ / Ctrl+Shift+[ Send to back
ββ§] / Ctrl+Shift+] Bring to frontβD / Ctrl+D Duplicate
ββ§R / Ctrl+Shift+R Repeat grid
βZ / Ctrl+Z Undo
ββ§Z / Ctrl+Shift+Z Redo
βA / Ctrl+A Select all
β₯ drag Duplicate (drag copy)
Arrow keys Nudge 1px
β§ Arrow Nudge 10px
# Boolean operations
Add (Union) Combine shapes
Subtract Cut shape
Intersect Overlap only
Exclude Overlap Remove overlap
# Responsive resize
Select element β Responsive Resize panelβ+ / Ctrl++ Zoom in
β- / Ctrl+- Zoom out
β0 / Ctrl+0 Zoom to fit
β1 / Ctrl+1 100%
β3 / Ctrl+3 Zoom to selection
β' / Ctrl+' Toggle grid
ββ§' / Ctrl+Shift+' Toggle layout grid
βY / Ctrl+Y Toggle layers panel
ββ§Y / Ctrl+Shift+Y Toggle assets panelβB / Ctrl+B Bold
βI / Ctrl+I Italic
ββ§< / Ctrl+Shift+< Decrease font
ββ§> / Ctrl+Shift+> Increase font
ββ§L / Ctrl+Shift+L Align left
ββ§C / Ctrl+Shift+C Align center
ββ§R / Ctrl+Shift+R Align right
# Point vs Area text
Click = point text (grows)
Drag = area text (wraps)
# Auto-height: double-click bottom handle# Switch to Prototype mode
Click "Prototype" tab at top
# Create interaction
1. Select element
2. Drag blue arrow β target artboard
3. Set trigger: Tap, Drag, Time, Voice
4. Set action: Transition, Auto-Animate
5. Set easing: Ease In/Out, Bounce...
# Preview
βEnter / Ctrl+Enter Desktop preview
Record preview for sharing
# Auto-Animate
Name layers same across artboards
XD interpolates position, size, etc.βE / Ctrl+E Export selected
ββ§E / Ctrl+Shift+E Export batch
# Export formats: PNG, SVG, JPG, PDF
# Scales: 1x, 2x, 3x (iOS / Android)
# Sharing
Share β Design Review (get link)
Share β Development (specs + CSS)
Share β Presentation (fullscreen)
# Design specs auto-generate:
- Colors, fonts, sizes
- CSS snippets
- Asset downloads
- Spacing measurements