Watch Webinar: Figma - Design to Code in 80% Less Time

Announcing Visual Copilot - Figma to production in half the time

Builder.io logo
Talk to Us
Platform
Developers
Talk to Us

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

×

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

Speed up your workflow with Builder's Visual Editor keyboard shortcuts. To display the available keyboard shortcuts, right-click in the work area or press Cmd/Ctrl + k. The video below shows the context menu that opens with a right-click as well as the Command Palette, which opens with Cmd/Ctrl + k.

Action

Shortcut

copy

Cmd/Ctrl + c

paste

Cmd/Ctrl + v

cut

Cmd/Ctrl + x

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

save a checkpoint

Cmd/Ctrl + s

margin increase

upArrow with margin selected in the Style tab

margin decrease

downArrow with margin selected in the Style tab

adjust top margin

Shift + upArrow, Shift + downArrow

adjust left margin

Shift + leftArrow, Shift + rightArrow

padding increase

upArrow with padding selected in the Style tab

padding decrease

downArrow with padding selected in the Style tab

display command palette

Cmd/Ctrl + k

display developer options

Ctrl + y, Cmd + Ctrl + a

display content JSON

Cmd/Ctrl + e

delete on Tablet or Mobile view

Shift + delete

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

Newsletter

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy