Keyboard shortcuts – Help center

MAIN Find Ctrl/Cmd - F Show keyboard shortcuts Ctrl/Cmd - K Save Ctrl/Cmd - S Close modal windows ESC ...

Keyboard shortcuts – Help center

Proto.io

A visual cheat-sheet for the 48 keyboard shortcuts found in Proto.io

Reference Link

Overview

Total Shortcuts: 48

  • Main:6 shortcuts
  • History:4 shortcuts
  • Edit:6 shortcuts
  • Grid:5 shortcuts
  • View:9 shortcuts
  • Item:13 shortcuts
  • Group:2 shortcuts
  • States Preview:3 shortcuts

Main

  • FindCtrl + F
  • Show keyboard shortcutsCtrl + K
  • SaveCtrl + S
  • Close modal windowsEsc
  • PreviewShift + P
  • Save and PreviewCtrl + Shift + S

History

  • UndoCtrl + Z
  • RedoCtrl + Shift + Z
  • Go to previous canvasCtrl + [
  • Go to next canvasCtrl + ]

Edit

  • Select allCtrl + A
  • CutCtrl + X
  • CopyCtrl + C
  • PasteCtrl + V
  • DuplicateCtrl + D
  • DeleteBackspace

Grid

  • Toggle gridCtrl + '
  • Toggle grid systemCtrl + \
  • Toggle custom guidesCtrl + ;
  • Toggle smart guidesCtrl + L
  • Toggle snap to grid on drag or resizeAlt

View

  • Zoom inCtrl + +
  • Zoom outCtrl + -
  • Zoom to 100%Ctrl + 0
  • Fit to screenCtrl + 1
  • Zoom to selected layers, or fit all layers if none selectedCtrl + 2
  • Center selected layer(s) in the canvas, or center on screen if none selectedCtrl + 3
  • Toggle right paneCtrl + Right
  • Toggle left paneCtrl + Left
  • Pan canvas while keydownSpace

Item

  • Bring to frontCtrl + Up
  • Send to backCtrl + Down
  • Bring forwardCtrl + Shift + Up
  • Send backwardsCtrl + Shift + Down
  • Move item(arrows)
  • Snap itemShift + (arrows)
  • Lock drag direction (hold while dragging)Shift
  • Insert rectangleR
  • Insert ovalO
  • Insert lineL
  • Insert textT
  • Insert interaction areaI
  • Enter selected containerEnter

Group

  • Group selectedCtrl + G
  • Ungroup selectedCtrl + Shift + G

States Preview

  • Play or pause state transitionSpace
  • Forward state transition.
  • Rewind state transition,

Startup.detail.introduction

  • Find
  • History
  • Canvas
  • Edit
  • Grid
  • View
  • Item
  • Group
  • States Preview

Each section lists the available shortcuts, along with their corresponding keyboard keys. For example, the "Find" section lists the shortcut "Ctrl/Cmd - F" to find an element, while the "Edit" section lists the shortcut "Ctrl/Cmd - A" to select all elements.

The article also provides a note at the end, mentioning that Chrome users who use a trackpad can also use pinch to zoom.