Skip to main content

Keyboard Shortcuts

A list of keyboard shortcuts to help you work more efficiently in Studio.Design.

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

⌘ + C

Ctrl + C

Cut

⌘ + X

Ctrl + X

Paste

⌘ + V

Ctrl + V

Delete

Delete

Delete

Group

⌘ + G

Ctrl + G

Ungroup

⌘ + ⇧ + G

Ctrl + Shift + G

Convert to list

⌘ + L

Ctrl + L

Undo list conversion

⌘ + ⇧ + L

Ctrl + Shift + L

Convert to component

⌘ + J

Ctrl + J

Duplicate

⌘ + D

Ctrl + D

Duplicate by drag & drop

⌥ + D&D

Alt + D&D

Select multiple items

⇧ + Click

Shift + Click

Move to next element

Tab

Tab

Move to previous element

⇧ + Tab

Shift + Tab

Select child element

Enter

Enter

Select parent element

⇧ + Enter

Shift + Enter

Select parent element

Esc

Esc

Reorder boxes within a group

"↑" "↓" "←" "→"

"↑" "↓" "←" "→"

Direct select

⌘ + Click

Ctrl + Click

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

⌘ + .

Ctrl + .

Toggle Add panel

⌘ + 1

Ctrl + 1

Toggle Pages panel

⌘ + 2

Ctrl + 2

Toggle Layers panel

⌘ + 3

Ctrl + 3

Toggle Style panel

⌘ + 4

Ctrl + 4

Toggle Upload panel

⌘ + 5

Ctrl + 5

Toggle Stock panel

⌘ + 6

Ctrl + 6

Toggle Connect panel

⌘ + 7

Ctrl + 7

Components panel

⌘ + 8

Ctrl + 8

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

⌥ + Click

Alt + Click

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

⌘ + K

Ctrl + K

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

⌘ + Z

Ctrl + Z

Redo

⌘ + ⇧ + Z

Ctrl + Shift + Z

Zoom in/Zoom out

+ / -

+ / -

Reset zoom to 100%

⌘ + 0

Ctrl + 0

Go back to the previous page

⌘ + ←

Ctrl + ←

Go forward to the next page

⌘ + →

Ctrl + →

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

⌘ + B

Ctrl + B

Italicize/unitalicize selected text

⌘ + I

Ctrl + I

Underline/remove underline from selected text

⌘ + U

Ctrl + U

Add/remove strikethrough on selected text

⌘ + ⇧ + S

Ctrl + Shift + S

Turn selected text into a link

⌘ + K

Ctrl + K

shortcut command not working

Did this answer your question?