Skip to main content
All shortcuts are disabled when editing text.

​
Lobby Shortcuts

⌘ + N : New project ⌘ + R : Reload

​
Editor Shortcuts

​
Page, Tab, and Window Shortcuts

⌘ + N : New blank page ⌘ + T : New tab ⌘ + O : Open project (Open the Lobby) ⌘ + SHIFT + O : View all pages / open page ⌘ + W : Close tab ⌘ + SHIFT + W : Window Shift + O : New Simulator Window ⌘ + A : Select everything on canvas Shift + P : Lock the Selection

​
Mode Shortcuts

1 : Pages 2 : Components 3 : Design Mode 4 : Interaction Mode

​
UI Shortcuts

\ : Toggle UI

​
Tab Shortcuts

⌘ + ⌥ + arrow key : Change tab CTRL + Tab : Next tab CTRL + SHIFT + Tab : Previous tab

​
Copy Shortcuts

⌘ + C : Copy ⌘ + V : Paste ⌘ + D : Duplicate

​
Grouping Shortcuts

⌘ + G : Group SHIFT + A : Group ⌘ + SHIFT + G : Ungroup

​
Zoom Shortcuts

+ : Zoom in - : Zoom out SHIFT + 0 : Zoom to 100% SHIFT + 1 : Zoom to fit (Zooms to view everything) SHIFT + 2 : Zoom to selection (zooms to 100% and centers on the selection) Z : Zoom tool Space : Pan tool

​
Add Panel Shortcuts

⌥ + A : Add Panel A : Quick Add Menu [Elements for Design Mode, Interactions in Interaction Mode] S or F : Stack T : Text I : Image B : SF Symbol K : Component & Asset Library

​
Left Panel Shortcuts

⌥ + 1 : Toggle Layers Panel ⌥ + 2 : Toggle Styles Panel ⌥ + 3 : Toggle Variables Panel ⌥ + 4 : Toggle Events Panel ⌥ + 5 : Toggle SwiftUI Code Panel

​
Data Editing Shortcuts

⌘ + ENTER + Text Selected : Toggle text editing mode ENTER + Text, Image, or SF Symbol Selected : Edit data

​
Order Shortcuts

[ : Send to back ] : Bring to front ⌘ + [ : Send backward ⌘ + ] : Bring forward

​
Layers Panel Shortcuts

⌘ + Click on a Layer : Closes every layer ⌥ + Click on a Layer : Closes all the selected layer’s children

​
Selection Shortcuts

ENTER : Select all children SHIFT + ENTER : Select the parent TAB : Select next sibling SHIFT + TAB : Select previous sibling ⌘ + Click on an Object : Direct selection SHIFT + Click on an Object : Add to / remove from selection ⌥ + Dragging Object : Duplicate selection

​
Interaction UX Shortcuts

D : to disable the selected node ⌘ + D : to duplicate the selected node Delete : to delete the selected node A : Quick Add Menu [Elements for Design Mode, Interactions in Interaction Mode] ENTER : to toggle collapse the selected node and all nodes attached (you can also double-click on the node’s body) M : to toggle collapse only the selected node C : to toggle collapse only the attached nodes ⌘ + R : to rename the node( or double-click on the node’s title)
⌘I