Here's a list of keyboard shortcuts you can use in the design editor and when editing CMS items.
Note: If keyboard shortcuts aren't working
This may be caused by your browser environment or extensions. For details on Studio.Design's supported environments and troubleshooting tips, check out the help articles below.
Editing boxes
These shortcut keys let you edit boxes in the design editor.
Action | macOS | Windows |
Copy |
|
|
Cut |
|
|
Paste |
| Ctrl + V |
Delete |
|
|
Group |
|
|
Ungroup |
|
|
Convert to list |
|
|
Undo list conversion |
|
|
Convert to component |
|
|
Duplicate |
|
|
Duplicate by drag & drop |
|
|
Select multiple items |
|
|
Move to next element |
|
|
Move to previous element |
|
|
Select child element |
|
|
Select parent element |
|
|
Select parent element |
|
|
Reorder boxes within a group |
|
|
Direct select |
|
|
Opening and closing panels
These shortcut keys let you open and close the various panels in the design editor.
Action | macOS | Windows |
Toggle left/right panels |
|
|
Toggle Add panel |
|
|
Toggle Pages panel |
|
|
Toggle Layers panel |
|
|
Toggle Style panel |
|
|
Toggle Upload panel |
|
|
Toggle Stock panel |
|
|
Toggle Connect panel |
|
|
Components panel |
|
|
Expanding and collapsing layers
This shortcut key lets you expand or collapse all layers in the Layers panel.
Action | macOS | Windows |
Expand/collapse all layers |
|
|
Searching in the design editor or dashboard
This shortcut opens the command palette, which lets you search for pages, dashboard information, and projects. For more details on how to use it, check out the article below.
Action | macOS | Windows |
Open the command palette |
|
|
Basic actions in the design editor
These shortcut keys let you change the display and navigate between pages in the design editor.
Action | macOS | Windows |
Undo |
|
|
Redo |
|
|
Zoom in/Zoom out |
|
|
Reset zoom to 100% |
|
|
Go back to the previous page |
|
|
Go forward to the next page |
|
|
Editing rich text
These shortcut keys are available for the rich text property (body text) of CMS article items and rich text boxes in the design editor.
Action | macOS | Windows |
Bold/unbold selected text |
|
|
Italicize/unitalicize selected text |
|
|
Underline/remove underline from selected text |
|
|
Add/remove strikethrough on selected text |
|
|
Turn selected text into a link |
|
|
shortcut command not working
