10/02 | Prototypes that actually use your design system

Announcing Visual Copilot - Figma to production in half the time

Builder.io
Builder.io
Contact sales

10/02 | Prototypes that actually use your design system

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/Ctrl + k 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.

ActionShortcut

save a checkpoint

Cmd/Ctrl + s

select all blocks within the content entry

Cmd/Ctrl + a

display command palette

Cmd/Ctrl + k

display developer options

Ctrl + y, Cmd + Ctrl + a

display content JSON

Cmd/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

Shortcut

copy

Cmd/Ctrl + c

paste

Cmd/Ctrl + v

cut

Cmd/Ctrl + x

undo

Cmd/Ctrl + z

redo

Cmd/Ctrl + shift + z

duplicate

Cmd/Ctrl + d

group a selection

Cmd/Ctrl + g

ungroup

Cmd/Ctrl + Shift + g

copy style

Cmd + Opt + c, Ctrl + Alt + c

paste style

Cmd + Opt + v, Ctrl + Alt + v

lock group

Cmd + Opt + g, Ctrl + Alt + g

deselect all

Cmd/Ctrl + Shift + a

adjust top margin

Shift + upArrow, Shift + downArrow

adjust left margin

Shift + leftArrow, Shift + rightArrow

display content JSON

Cmd/Ctrl + e

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

Was this article helpful?

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

  • Fusion

  • Publish

  • Product Updates

  • Figma to Code Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

Security

Privacy Policy

SaaS Terms

Compliance

Cookie Preferences

Gartner Cool Vendor 2024