Livestream: The 5 Levels of AI Development Maturity

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io

Livestream: The 5 Levels of AI Development Maturity

Announcing Visual Copilot - Figma to production in half the time

Speed up your workflow when using Builder's Visual Editor by learning the following keyboard shortcuts.

  • Keyboard shortcuts speed up your workflow within the Visual Editor.
  • Press Cmd + k (Mac), Ctrl + k (Windows), to open the command palette for the Visual Editor, which contains a list of several tools.

The following shortcuts do not require any block within the Visual Editor to be selected.

The video below demonstrates a few editor-level shortcuts.

ActionMacWindows

save a checkpoint

Cmd + s

Ctrl + s

select all blocks within the content entry

Cmd + a

Ctrl + a

display command palette

Cmd + k

Ctrl + k

display developer options

Ctrl + y, Cmd + Ctrl + a

Ctrl + y, Cmd + Ctrl + a

display content JSON

Cmd + e

Ctrl + e

The following shortcuts do not require one or more blocks to be selected within the Visual Editor.

The video below demonstrates a few block-level shortcuts.

Action

Mac shortcut

Windows shortcut

copy

Cmd + c

Ctrl + c

paste

Cmd + v

Ctrl + v

cut

Cmd + x

Ctrl + x

undo

Cmd + z

Ctrl + z

redo

Cmd + shift + z

Ctrl + shift + z

duplicate

Cmd + d

Ctrl + d

group a selection

Cmd + g

Ctrl + g

ungroup

Cmd + Shift + g

Ctrl + Shift + g

copy style

Cmd + Opt + c, Ctrl + Alt + c

Ctrl + Alt + c

paste style

Cmd + Opt + v

Ctrl + Alt + v

lock group

Cmd + Opt + g

Ctrl + Alt + g

deselect all

Cmd + Shift + a

Ctrl + Shift + a

adjust top margin

Shift + upArrow, Shift + downArrow

Shift + upArrow, Shift + downArrow

adjust left margin

Shift + leftArrow, Shift + rightArrow

Shift + leftArrow, Shift + rightArrow

display content JSON

Cmd + e

Ctrl + e

Learn more about the Command Palette or consider reading an Overview of the Visual Editor.

Was this article helpful?