Shortcuts in Vev

Boost your efficiency and streamline your workflow with these essential Vev shortcuts. Whether you're just getting started or you're a seasoned Vev user, taking a few minutes to explore these commands can make a big difference in your productivity. Even if you think you're familiar with them all, you might discover hidden gems you’ve overlooked saving you time and effort. Dive into our comprehensive list and bookmark your favorites to take your Vev experience to the next level.

General Shortcuts

Task	Key	Description
Open the command bar	Mac: `⌘` + `P` Win: `Ctrl` + `P`	Opens the Command bar, which includes quick navigation and actions.
Copy	`⌘` + `C` `Or designated` `copy buttons.`	You can copy anything in the Canvas to your Clipboard.
Paste	Mac: `⌘` + `V` Win: `Ctrl` + `V`	You can paste text images or copied elements/sections and more from pages/projects.

Navigation

Task	Key	Description
Switch to Preview	Mac: `Opt` + `1` Win: `Alt` + `1`	`Switches to Preview mode to see how your project looks in the browser`
Pan the Canvas	`Space` + `LMB` + `Drag`	`Use this to click and drag to navigate freely around the Canvas`
Show Zoom Options	`Z` + `LMB`	`Click and drag to select target Zoom area`
Zoom the Canvas in/out	Mac: `⌘` + `+` / `-` Win: `Ctrl` + `+` / `-` All: `Ctrl` + `Scroll` Gesture: `Pinch`	`Use this to Zoom in and out of the Canvas`
Zoom to Selection	`Z` + `LMB`	`Zoom in on the selected Element(s)`
Reset Zoom	Mac: `⌘` + `0` Win: `Ctrl` + `0`	`Resets the Zoom`
Change device mode	`1` / `2` / `3`	`Switch between canvas modes`
Quick Switcher	Mac: `Opt` + `\` Win: `Alt` + `\`	`Open the Quick Switcher for modes`
Switch to Design Editor	Mac: `Opt` + `2` Win: `Alt` + `2`	`Switch to the Design Editor`
Switch to Content Editor	Mac: `Opt` + `3` Win: `Alt` + `3`	`Switch to the Content editor`
Switch to Project Settings	Mac: `Opt` + `5` Win: `Alt` + `5`	`Opens Project Settings`

Design Editor

Task	Key	Description
Undo	Mac: `⌘` + `Z` Win: `Ctrl` + `Z`	`Undo the last action, this will work for most of the things you do in the Design or Content Editor`
Redo	Mac: `⌘` + `Shift` + `Z` Win: `Ctrl` + `Shift` + `Z`	`Redo the last un-did action`.
Create Main Component	Mac: `⌘` + `Opt` + `K` Win: `Ctrl` + `Alt` + `K`	`Combine a group of elements into a re-usable main component element`
Show Grid	`G`
Add Comment	`C`
Pointer Tool	`V`
Open Add Menu	`M`
Add new Page	Mac: `⌘` + `Opt` + `N` Win: `Ctrl` + `Alt` + `N`

Build Shortcuts

Task	Key	Description
Textbox	`T`	Add new Textbox
Frame	`F` or `R`	Add new Frame
Circle	`O`	Add new Circle
Section	`K`	Add new Section
Image	`I`	Add new Image

Selection Shortcuts (With an active selection)

Task	Key Combination	Description
Cut	Mac: `⌘` + `X` Win: `Ctrl` + `X`	`Cuts the selected section or element(s)`
Copy	Mac: `⌘` + `C` Win: `Ctrl` + `C`	`Copies the selected section or elements`
Paste	Mac: `⌘` + `V` Win: `Ctrl` + `V`	`Pastes your current selection into the current page/position`
Delete	`Backspace` / `Del`	`Deletes the current selection`
Move selection	`←` `↓` `↑` `→`	`Use arrow keys to move selection 1px in specified direction`
Move selection more	`Shift` + `← ↓ ↑ →`	`Use arrow keys to move selection 5px in specified direction`
Select All	Mac: `⌘` + `A` Win: `Ctrl` + `A`	`Select everything in the current section`
Select Elements	Mac: `Command` + `Right click` Win: `Ctrl` + `Right click`	`Select the elements you right-click`
De-select	`Escape`	`De-select your current selection`
Toggle visibility	Mac: `Opt` + `Q` Win: `Alt` + `Q`	`Toggles the current selections visibility`
Toggle Lock Select	Mac: `Opt` + `W` Win: `Alt` + `W`	`Locks or un-locks the current Selection`
Inspect Code ( Open in Developer	`Shift` + `U`	`Opens the code for the currently selected element.`
Toggle Aspect Ratio Lock	`Shift` + `L`	`Toggles on / off Aspect Ratio Lock`
Group Selection	Mac: `⌘` + `G` Win: `Ctrl` + `G`	`Groups current selection into a Frame`
Un-group Selection	Mac: `⌘` + `Shift` + `G` Win: `Ctrl` + `Shift` + `G`	`Un-groups the selected Frame`
Add flex Layout	Mac: `Opt` + `A` Win: `Alt` + `A`	`Generates an Auto Layout from selection`
Remove flex Layout	Mac: `Shift` + `Opt` + `A` Win: `Shift` + `Alt` + `A`	`Remove Auto Layout from selection`
Move Forward / Backwards (Layer Order)	Mac: `⌘` + `↑` `⌘` + `↓` Win: `Ctrl` + `↑` `Ctrl` + `↓`	`Moves your selection forwards or backwards in the Layer order`
Move layer to front or back	Mac: `⌘` + `Opt` + `↑` `⌘` + `Opt` + `↓` Win: `Ctrl` + `Shift` + `↑` `Ctrl` + `Shift` + `↓`

Text Editor Shortcuts

Task	Key	Description
Bold Text	Mac: `⌘` + `B` Win: `Ctrl` + `B`	`Toggles the selected text in a Text Element to Bold`
Italic Text	Mac: `⌘` + `I` Win: `Ctrl` + `I`	`Toggles the selected text in a Text Element to Italic`
Underline Text	Mac: `⌘` + `U` Win: `Ctrl` + `U`	`Toggles underline for the selected text`
Header 1	Mac: `⌘` + `Alt` + `1` Win: `Ctrl` + `Alt` + `1`	`Toggles the selected text in a Text Element to Heading 1`
Header 2	Mac: `⌘` + `Alt` + `2` Win: `Ctrl` + `Alt` + `2`	`Toggles the selected text in a Text Element to Heading 2`
Header 3	Mac: `⌘` + `Alt` + `3` Win: `Ctrl` + `Alt` + `3`	`Toggles the selected text in a Text Element to Heading 3`

Adding a Scroll Zoom addon

Navigating the Design Editor

Navigating the Content Editor

How to optimize for accessibility in Vev

How to optimize SEO in Vev