---
title: Proto.io
date: 2022-11-23 16:23:31.694775
background: bg-[#5697a9]
label:
tags:
  -
  -
categories:
  - Keyboard Shortcuts
intro: |
  A visual cheat-sheet for the 48 keyboard shortcuts found in Proto.io
---

## Keyboard Shortcuts

### Main

| Shortcut           | Action                  |
| ------------------ | ----------------------- |
| `Ctrl` `F`         | Find                    |
| `Ctrl` `K`         | Show keyboard shortcuts |
| `Ctrl` `S`         | Save                    |
| `Esc`              | Close modal windows     |
| `Shift` `P`        | Preview                 |
| `Ctrl` `Shift` `S` | Save and Preview        |

{.shortcuts}

### History

| Shortcut           | Action                |
| ------------------ | --------------------- |
| `Ctrl` `Z`         | Undo                  |
| `Ctrl` `Shift` `Z` | Redo                  |
| `Ctrl` `[`         | Go to previous canvas |
| `Ctrl` `]`         | Go to next canvas     |

{.shortcuts}

### Edit

| Shortcut    | Action     |
| ----------- | ---------- |
| `Ctrl` `A`  | Select all |
| `Ctrl` `X`  | Cut        |
| `Ctrl` `C`  | Copy       |
| `Ctrl` `V`  | Paste      |
| `Ctrl` `D`  | Duplicate  |
| `Backspace` | Delete     |

{.shortcuts}

### Grid

| Shortcut   | Action                                |
| ---------- | ------------------------------------- |
| `Ctrl` `'` | Toggle grid                           |
| `Ctrl` `\` | Toggle grid system                    |
| `Ctrl` `;` | Toggle custom guides                  |
| `Ctrl` `L` | Toggle smart guides                   |
| `Alt`      | Toggle snap to grid on drag or resize |

{.shortcuts}

### View

| Shortcut       | Action                                                                       |
| -------------- | ---------------------------------------------------------------------------- |
| `Ctrl` `+`     | Zoom in                                                                      |
| `Ctrl` `-`     | Zoom out                                                                     |
| `Ctrl` `0`     | Zoom to 100%                                                                 |
| `Ctrl` `1`     | Fit to screen                                                                |
| `Ctrl` `2`     | Zoom to selected layers, or fit all layers if none selected                  |
| `Ctrl` `3`     | Center selected layer(s) in the canvas, or center on screen if none selected |
| `Ctrl` `Right` | Toggle right pane                                                            |
| `Ctrl` `Left`  | Toggle left pane                                                             |
| `Space`        | Pan canvas while keydown                                                     |

{.shortcuts}

### Item

| Shortcut              | Action                                    |
| --------------------- | ----------------------------------------- |
| `Ctrl` `Up`           | Bring to front                            |
| `Ctrl` `Down`         | Send to back                              |
| `Ctrl` `Shift` `Up`   | Bring forward                             |
| `Ctrl` `Shift` `Down` | Send backwards                            |
| `(arrows)`            | Move item                                 |
| `Shift` `(arrows)`    | Snap item                                 |
| `Shift`               | Lock drag direction (hold while dragging) |
| `R`                   | Insert rectangle                          |
| `O`                   | Insert oval                               |
| `L`                   | Insert line                               |
| `T`                   | Insert text                               |
| `I`                   | Insert interaction area                   |
| `Enter`               | Enter selected container                  |

{.shortcuts}

### Group

| Shortcut           | Action           |
| ------------------ | ---------------- |
| `Ctrl` `G`         | Group selected   |
| `Ctrl` `Shift` `G` | Ungroup selected |

{.shortcuts}

### States Preview

| Shortcut | Action                         |
| -------- | ------------------------------ |
| `Space`  | Play or pause state transition |
| `.`      | Forward state transition       |
| `,`      | Rewind state transition        |

{.shortcuts}

## Also see

- [Keyboard shortcuts for Proto.io](https://support.proto.io/hc/en-us/articles/115001423511-Keyboard-shortcuts)
  _(support.proto.io)_