github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-10-30 14:30:37 +00:00
Code Issues Packages Projects Releases Wiki Activity
penpot/docs/user-guide/first-steps/shortcuts.njk
Andrey Antukh 38a6961ff1
✨ Make keyboard shortcuts layout-independent (#12326) 
* Revert "🐛 Fix shortcuts with modifiers on letters and digits (#12292)"

This reverts commit 21ecfb67b70ac2d6f4defb05a543f0fc18d692a2.

* 🐛 Migrate mousetrap to key with sane modifiers

Finish the half-done mousetrap migration from code/keyCode to
key: canonical lowercase tokens on both bind and event sides so
modifiers match again, US-only shift remap and keypress legacy
removed, and AltGr phantom ctrl filtered on Windows.

Record punctuation positionally through getLayoutMap (American
fallback) so Shift+Period stores shift+. on every layout, while
letters and digits stay glyph-based for AZERTY. Drop dead 219
aliases and revert the stray CamelCase escape command.

AI-assisted-by: muse-spark-1.3-contributor

* ♻️ Rewrite mousetrap as ESM class without behavior changes

Turn the 2012 constructor-plus-prototype shape into a class
with underscore-private methods, const tables and arrow
listeners. Drop dead _belongsTo, fold one-line prevent/stop
helpers into _fireCallback, and let handleKey absorb the old
_handleKey indirection. Public API and matching logic stay
identical; verified by existing tests plus a runtime smoke.

AI-assisted-by: muse-spark-1.3-contributor

* 🎉 Add node:test suite for mousetrap shortcuts

Cover canonical key normalization, modifiers with AltGr,
bind arrays plus aliases keyup reset overwrite, sequences
with fake timers, and the full stopCallback matrix, all
through isolated instances and synthetic events. Hook the
zero-dependency suite into frontend/scripts/test for CI.

AI-assisted-by: muse-spark-1.3-contributor

* 🐛 Record shortcuts by glyph instead of position

Drop the getLayoutMap positional layer and the
American fallback: punctuation now records event.key
lowercased, the same token Mousetrap dispatches, so
Shift combos match with and without a layout map.
Keeps the Numpad numN branch both sides share.
Updates the pinned positional tests and adds the
Spanish Shift-plus regression.

AI-assisted-by: muse-spark-1.3-contributor

* 🐛 Resolve shifted digits to the digit itself

Shift+DigitN now resolves to the digit on every layout, so
shift+0 fires on QWERTY ()) as well as AZERTY (0), like the
old keyCode behavior. Applies in the recorder and Mousetrap;
unshifted digits and numpad are untouched. Also stages the
layout-map suite left untracked.

AI-assisted-by: muse-spark-1.3-contributor

* 🐛 Cover punctuation defaults with layout twins

Some defaults only fired where their glyph is unshifted (+ dead
on US layouts, shift++ dead outside ES/DE, \ dead where it
needs AltGr). Bind the twin token per layout family and freeze
the display with :show-command. No tooltip or translation
changes.

AI-assisted-by: muse-spark-1.3-contributor

* ✨ Warn when the keyboard layout API is missing

Shows a warning on the shortcuts settings page in browsers
without navigator.keyboard.getLayoutMap, where Shift with
punctuation may not fire. Uses a synchronous probe, English
and Spanish strings, and documents the layout limitations in
the user guide.

AI-assisted-by: muse-spark-1.3-contributor

* 🐛 Fix hide-ui twins and qualify layout docs

The ctrl+alt+\ twin could never fire (the AltGr filter drops
Ctrl), so it goes away; alt+º covers Chrome on Spanish
layouts where AltGr+º resolves to º. The user guide now
states which claims need the layout map and which hold
everywhere.

AI-assisted-by: muse-spark-1.3-contributor

---------

Signed-off-by: Eva Marco <eva.marco@kaleidos.net>
Co-authored-by: Eva Marco <eva.marco@kaleidos.net>
2026-10-19 16:08:47 +02:00

1076 lines
44 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: Shortcuts
order: 3
desc: Get quickstart tips, shortcuts, and tutorials for Penpot! Learn interface basics and more with this free, open-source design tool.
---
<h1 id="section-1-1">Shortcuts</h1>
<p class="main-paragraph">Penpot provides shortcuts that help to speed your workflow. Many keyboard shortcuts appear next to the command names in menus.</p>
<p class="main-paragraph">Here you can find a list of all keyboard shortcuts that you can use in Penpot. Bear in mind that most of them are at the workspace, where they are more needed.</p>
<p>The tables below list the default shortcuts. You can change most of them to fit your keyboard layout or your habits. See <a href="#customize-shortcuts">Customize shortcuts</a>.</p>
<h2 id="customize-shortcuts">Customize shortcuts</h2>
<p>Go to <strong>Your account → Shortcuts</strong> to see every shortcut and change the ones you want. From the workspace, open the shortcuts panel (<strong>Help &amp; info → Shortcuts</strong> in the main menu, or <kbd>?</kbd>) and click <strong>Customize in Settings</strong>.</p>
<p>Your shortcuts are saved in your account, so they follow you to any computer and browser. After a change, reload any other open Penpot tabs to apply it.</p>
<h3 id="customize-shortcuts-find">Find a shortcut</h3>
<p>Shortcuts are grouped into <strong>Workspace</strong>, <strong>Dashboard</strong> and <strong>Viewer</strong>. Use the tabs to see <strong>All</strong> of them, only your <strong>Custom</strong> ones, or the ones you <strong>Disabled</strong>.</p>
<p>The search field matches both the action name and the keys. Type "group" to find the grouping actions, or "shift" to see every shortcut that uses <kbd>Shift</kbd>.</p>
<h3 id="customize-shortcuts-change">Change a shortcut</h3>
<ol>
<li>Click the shortcut you want to change.</li>
<li>Press the new keys. The last combination you press is the one recorded.</li>
<li>Click the check mark to save, or the cross to cancel. Clicking outside the editor also cancels. <kbd>Esc</kbd> does not cancel: it is recorded as a key.</li>
</ol>
<figure>
<img src="/img/shortcuts/shortcuts-settings.webp" alt="Shortcuts settings with a shortcut being edited and a conflict warning" />
</figure>
<p>If the keys are already used by another action in the same group, Penpot shows which one. When you save, the shortcut moves to the action you are editing, and the other action appears under <strong>Disabled</strong>.</p>
<p>Each action takes one combination. If an action had two defaults (for example, two ways to redo), saving a custom one replaces both.</p>
<p>From the same editor you can also <strong>disable</strong> a shortcut so that no keys trigger it, or <strong>reset</strong> it to its default value. Custom shortcuts are marked with a dot, and the main menu highlights the custom keys.</p>
<p class="advice"><strong>Paste</strong> cannot be customized.</p>
<h3 id="customize-shortcuts-layouts">Keyboard layouts</h3>
<p>Letters are recorded by the character they type, so they follow your layout (on AZERTY, the <kbd>A</kbd> key records <kbd>a</kbd>). With <kbd>Shift</kbd>, digit keys record the digit itself (<kbd>Shift</kbd><kbd>0</kbd>, not the shifted symbol), on every layout and in every browser.</p>
<p>Punctuation keys (such as <kbd>-</kbd>, <kbd>[</kbd>, <kbd>/</kbd> or <kbd>'</kbd>) are recorded by their physical position on the keyboard, so the same key works on AZERTY, QWERTZ and other layouts — but only in browsers that expose the keyboard layout (Chromium). There, <kbd>Shift</kbd> with the <kbd>+</kbd> key records <kbd>Shift</kbd><kbd>+</kbd>. In browsers without that support, such as Firefox or Safari, punctuation falls back to the typed character (<kbd>Shift</kbd><kbd>*</kbd> instead): those shortcuts still work in the browser where you recorded them, but <kbd>Shift</kbd> combinations with punctuation may stop working if you switch browsers. If that affects you, record those shortcuts in a Chromium browser.</p>
<p>Two known limitations: number keys set opacity (<kbd>0</kbd>–<kbd>9</kbd>) only where digits are typed without <kbd>Shift</kbd>, so AZERTY layouts need the numeric keypad for them; and <kbd>\</kbd> needs <kbd>AltGr</kbd> on some layouts (Spanish), where it is recorded with <kbd>Alt</kbd> and its exact form depends on the browser.</p>
<h3 id="customize-shortcuts-reset">Reset to default</h3>
<p>When you have custom shortcuts, a <strong>Reset all</strong> button appears next to the search field. It lists every shortcut that will go back to its default before you confirm.</p>
<h3 id="customize-shortcuts-import-export">Export and import your shortcuts</h3>
<p>Use the <strong>Import/Export</strong> button at the bottom of the page to move your setup to another account or share it with your team.</p>
<ul>
<li><strong>Export</strong> downloads a JSON file with your custom and disabled shortcuts. It is available once you have changed at least one shortcut.</li>
<li><strong>Import</strong> reads a JSON file exported from Penpot and shows the shortcuts it will change. Click <strong>Import</strong> to confirm.</li>
</ul>
<p class="advice">Importing replaces your custom shortcuts in each group included in the file (Workspace, Dashboard or Viewer). Custom shortcuts in those groups that are not in the file go back to their defaults. If an imported shortcut uses keys taken by a default one, the default one is disabled.</p>
<h2 id="workspace-section"> Workspace </h2>
<p>The Workspace is where the designs are actually created. <a href="/user-guide/first-steps/the-interface/#interface-workspace">More about the Workspace</a>.</p>
<h3 id="alignment">Item Alignment</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Align bottom</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>S</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>S</kbd></td>
</tr>
<tr>
<td>Align center horizontally</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>H</kbd></td>
</tr>
<tr>
<td>Align center vertically</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>V</kbd></td>
</tr>
<tr>
<td>Align left</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>A</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>A</kbd></td>
</tr>
<tr>
<td>Align right</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>D</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>D</kbd></td>
</tr>
<tr>
<td>Align top</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>W</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>W</kbd></td>
</tr>
<tr>
<td>Distribute horizontally</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>Alt</kbd><kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>⌥</kbd><kbd>H</kbd></td>
</tr>
<tr>
<td>Distribute vertically</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>Alt</kbd><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>⌥</kbd><kbd>V</kbd></td>
</tr>
</tbody>
</table>
<h3 id="edit">Edit</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Cancel</td>
<td style="text-align: center;"><kbd>Esc</kbd></td>
<td style="text-align: center;"><kbd>Esc</kbd></td>
</tr>
<tr>
<td>Clear undo</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Q</kbd></td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>Q</kbd></td>
</tr>
<tr>
<td>Copy</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>C</kbd></td>
</tr>
<tr>
<td>Cut</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>X</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>X</kbd></td>
</tr>
<tr>
<td>Delete</td>
<td style="text-align: center;"><kbd>Supr</kbd> or <kbd>Delete</kbd></td>
<td style="text-align: center;"><kbd>⌫</kbd></td>
</tr>
<tr>
<td>Duplicate</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>D</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>D</kbd></td>
</tr>
<tr>
<td>Paste</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>V</kbd></td>
</tr>
<tr>
<td>Paste to replace</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>V</kbd></td>
</tr>
<tr>
<td>Find</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>F</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>F</kbd></td>
</tr>
<tr>
<td>Find and replace</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>H</kbd></td>
</tr>
<tr>
<td>Redo</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>Z</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>Z</kbd></td>
</tr>
<tr>
<td>Start/Stop measurement</td>
<td style="text-align: center;"><kbd>Alt</kbd> or <kbd>.</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd> or <kbd>.</kbd></td>
</tr>
<tr>
<td>Start editing</td>
<td style="text-align: center;"><kbd>Enter</kbd></td>
<td style="text-align: center;"><kbd>Enter</kbd></td>
</tr>
<tr>
<td>Undo</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Z</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>Z</kbd></td>
</tr>
<tr>
<td>Copy link to board</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>Alt</kbd><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>Alt</kbd><kbd>C</kbd></td>
</tr>
<tr>
<td>Copy properties</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Alt</kbd><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⌥</kbd><kbd>C</kbd></td>
</tr>
<tr>
<td>Paste properties</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Alt</kbd><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⌥</kbd><kbd>V</kbd></td>
</tr>
</tbody>
</table>
<h3 id="main-menu">Main menu</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Switch color theme</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>M</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>M</kbd></td>
</tr>
<tr>
<td>Export shapes</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>E</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>E</kbd></td>
</tr>
<tr>
<td>Select all</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>A</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>A</kbd></td>
</tr>
<tr>
<td>Set thumbnails</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>T</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>T</kbd></td>
</tr>
<tr>
<td>Show/hide grid</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>'</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>'</kbd></td>
</tr>
<tr>
<td>Show/hide pixel grid</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>,</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>,</kbd></td>
</tr>
<tr>
<td>Show/hide rulers</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>R</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>R</kbd></td>
</tr>
<tr>
<td>Show/hide comments</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>C</kbd></td>
</tr>
<tr>
<td>Show/hide shortcuts</td>
<td style="text-align: center;"><kbd>?</kbd></td>
<td style="text-align: center;"><kbd>?</kbd></td>
</tr>
<tr>
<td>Snap to grid</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>'</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>'</kbd></td>
</tr>
<tr>
<td>Snap to guides</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>G</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>G</kbd></td>
</tr>
<tr>
<td>Snap to pixel grid</td>
<td style="text-align: center;"><kbd>,</kbd></td>
<td style="text-align: center;"><kbd>,</kbd></td>
</tr>
<tr>
<td>Toggle dynamic alignment</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>\</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>\</kbd></td>
</tr>
<tr>
<td>Toggle scale tool</td>
<td style="text-align: center;"><kbd>K</kbd></td>
<td style="text-align: center;"><kbd>K</kbd></td>
</tr>
</tbody>
</table>
<h3 id="modify-layers">Modify layers</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Bring forward</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>↑</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>↑</kbd></td>
</tr>
<tr>
<td>Bring to front</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>↑</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>↑</kbd></td>
<tr>
<tr>
<td>Create artboard from selection</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Alt</kbd><kbd>G</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⌥</kbd><kbd>G</kbd></td>
<tr>
<tr>
<td>Create component / variant</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>K</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>K</kbd></td>
</tr>
<tr>
<td>Detach component</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>K</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>K</kbd></td>
</tr>
<tr>
<td>Flip horizontal</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>H</kbd></td>
</tr>
<tr>
<td>Flip vertical</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>V</kbd></td>
</tr>
<tr>
<td>Group</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>G</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>G</kbd></td>
</tr>
<tr>
<td>Mask</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>M</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>M</kbd></td>
</tr>
<tr>
<td>Move down</td>
<td style="text-align: center;"><kbd>↓</kbd></td>
<td style="text-align: center;"><kbd>↓</kbd></td>
</tr>
<tr>
<td>Move down fast</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>↓</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>↓</kbd></td>
</tr>
<tr>
<td>Move left</td>
<td style="text-align: center;"><kbd>←</kbd></td>
<td style="text-align: center;"><kbd>←</kbd></td>
</tr>
<tr>
<td>Move left fast</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>←</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>←</kbd></td>
</tr>
<tr>
<td>Move right</td>
<td style="text-align: center;"><kbd>→</kbd></td>
<td style="text-align: center;"><kbd>→</kbd></td>
</tr>
<tr>
<td>Move right fast</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>→</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>→</kbd></td>
</tr>
<tr>
<td>Move up</td>
<td style="text-align: center;"><kbd>↑</kbd></td>
<td style="text-align: center;"><kbd>↑</kbd></td>
</tr>
<tr>
<td>Move up fast</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>↑</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>↑</kbd></td>
</tr>
<tr>
<td>Rename selected layer</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>N</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>N</kbd></td>
</tr>
<tr>
<td>Send backwards</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>↓</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>↓</kbd></td>
</tr>
<tr>
<td>Send to back</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>↓</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>↓</kbd></td>
</tr>
<tr>
<td>Set opacity to 10%</td>
<td style="text-align: center;"><kbd>1</kbd></td>
<td style="text-align: center;"><kbd>1</kbd></td>
</tr>
<tr>
<td>Set opacity to 20%</td>
<td style="text-align: center;"><kbd>2</kbd></td>
<td style="text-align: center;"><kbd>2</kbd></td>
</tr>
<tr>
<td>Set opacity to 30%</td>
<td style="text-align: center;"><kbd>3</kbd></td>
<td style="text-align: center;"><kbd>3</kbd></td>
</tr>
<tr>
<td>Set opacity to 40%</td>
<td style="text-align: center;"><kbd>4</kbd></td>
<td style="text-align: center;"><kbd>4</kbd></td>
</tr>
<tr>
<td>Set opacity to 50%</td>
<td style="text-align: center;"><kbd>5</kbd></td>
<td style="text-align: center;"><kbd>5</kbd></td>
</tr>
<tr>
<td>Set opacity to 60%</td>
<td style="text-align: center;"><kbd>6</kbd></td>
<td style="text-align: center;"><kbd>6</kbd></td>
</tr>
<tr>
<td>Set opacity to 70%</td>
<td style="text-align: center;"><kbd>7</kbd></td>
<td style="text-align: center;"><kbd>7</kbd></td>
</tr>
<tr>
<td>Set opacity to 80%</td>
<td style="text-align: center;"><kbd>8</kbd></td>
<td style="text-align: center;"><kbd>8</kbd></td>
</tr>
<tr>
<td>Set opacity to 90%</td>
<td style="text-align: center;"><kbd>9</kbd></td>
<td style="text-align: center;"><kbd>9</kbd></td>
</tr>
<tr>
<td>Set opacity to 100%</td>
<td style="text-align: center;"><kbd>0</kbd></td>
<td style="text-align: center;"><kbd>0</kbd></td>
</tr>
<tr>
<td>Ungroup</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>G</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>G</kbd></td>
</tr>
<tr>
<td>Unmask</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>M</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>M</kbd></td>
</tr>
</tbody>
</table>
<h3 id="goto-screens-workspace">Navigation</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Go to dashboard</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>D</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>D</kbd></td>
</tr>
<tr>
<td>Go to view mode inspect section</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>H</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>H</kbd></td>
</tr>
<tr>
<td>Go to view mode</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>V</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>V</kbd></td>
</tr>
<tr>
<td>Go to view mode comments</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>C</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>C</kbd></td>
</tr>
</tbody>
</table>
<h3 id="layers-panel">Layers panel</h3>
<p>Keyboard shortcuts and mouse actions for the Layers sidebar. Layer order in the panel is bottom-to-top; <kbd>Tab</kbd> and <kbd>Shift</kbd> + <kbd>Tab</kbd> move between siblings of the current selection (wrapping at the ends). Use <kbd>Ctrl</kbd> + <kbd>↑</kbd> / <kbd>↓</kbd> to change stacking order in the list (see <a href="#modify-layers">Modify layers</a>).</p>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Action</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Select next layer (sibling)</td>
<td style="text-align: center;"><kbd>Tab</kbd></td>
<td style="text-align: center;"><kbd>Tab</kbd></td>
</tr>
<tr>
<td>Select previous layer (sibling)</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>Tab</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>Tab</kbd></td>
</tr>
<tr>
<td>Select parent layer</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>Enter</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>Enter</kbd></td>
</tr>
<tr>
<td>Select children (group, frame, or boolean; single selection)</td>
<td style="text-align: center;"><kbd>Enter</kbd></td>
<td style="text-align: center;"><kbd>Enter</kbd></td>
</tr>
<tr>
<td>Rename next layer (while renaming in the panel)</td>
<td style="text-align: center;"><kbd>Tab</kbd></td>
<td style="text-align: center;"><kbd>Tab</kbd></td>
</tr>
<tr>
<td>Rename previous layer (while renaming in the panel)</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>Tab</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>Tab</kbd></td>
</tr>
<tr>
<td>Toggle expand or collapse (group or board)</td>
<td style="text-align: center;">Click disclosure arrow</td>
<td style="text-align: center;">Click disclosure arrow</td>
</tr>
<tr>
<td>Expand entire subtree (when collapsed)</td>
<td style="text-align: center;"><kbd>Alt</kbd> + click disclosure arrow</td>
<td style="text-align: center;"><kbd>⌥</kbd> + click disclosure arrow</td>
</tr>
<tr>
<td>Collapse all layers in the sidebar (when expanded)</td>
<td style="text-align: center;"><kbd>Shift</kbd> + click disclosure arrow</td>
<td style="text-align: center;"><kbd>⇧</kbd> + click disclosure arrow</td>
</tr>
<tr>
<td>Add layer to selection</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> + click layer</td>
<td style="text-align: center;"><kbd>⌘</kbd> + click layer</td>
</tr>
<tr>
<td>Range select layers</td>
<td style="text-align: center;"><kbd>Shift</kbd> + click layer</td>
<td style="text-align: center;"><kbd>⇧</kbd> + click layer</td>
</tr>
<tr>
<td>Zoom to layer</td>
<td style="text-align: center;">Double-click layer icon</td>
<td style="text-align: center;">Double-click layer icon</td>
</tr>
</tbody>
</table>
<h3 id="panels">Panels</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Assets</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>I</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>I</kbd></td>
</tr>
<tr>
<td>Color palette</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>P</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>P</kbd></td>
</tr>
<tr>
<td>Layers</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>L</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>L</kbd></td>
</tr>
<tr>
<td>Show/hide UI</td>
<td style="text-align: center;"><kbd>\</kbd></td>
<td style="text-align: center;"><kbd>\</kbd></td>
</tr>
<tr>
<td>Text palette</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>T</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>T</kbd></td>
</tr>
</tbody>
</table>
<h3 id="path-editor">Path editor</h3>
<p>Copy, cut, paste, duplicate and select all also work on nodes while you edit a path. For mouse gestures, see <a href="/user-guide/designing/layers/#path-gestures">Reshape with the mouse</a>.</p>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Add node</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>+</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>+</kbd></td>
</tr>
<tr>
<td>Delete node, segment or handle</td>
<td style="text-align: center;"><kbd>Delete</kbd> or <kbd>Backspace</kbd></td>
<td style="text-align: center;"><kbd>⌦</kbd> or <kbd>⌫</kbd></td>
</tr>
<tr>
<td>Delete node and segments</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>Delete</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>⌫</kbd></td>
</tr>
<tr>
<td>Draw nodes</td>
<td style="text-align: center;"><kbd>P</kbd></td>
<td style="text-align: center;"><kbd>P</kbd></td>
</tr>
<tr>
<td>Join nodes</td>
<td style="text-align: center;"><kbd>J</kbd></td>
<td style="text-align: center;"><kbd>J</kbd></td>
</tr>
<tr>
<td>Make corner</td>
<td style="text-align: center;"><kbd>X</kbd></td>
<td style="text-align: center;"><kbd>X</kbd></td>
</tr>
<tr>
<td>Make curve</td>
<td style="text-align: center;"><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>C</kbd></td>
</tr>
<tr>
<td>Merge nodes</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>J</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>J</kbd></td>
</tr>
<tr>
<td>Move nodes</td>
<td style="text-align: center;"><kbd>M</kbd></td>
<td style="text-align: center;"><kbd>M</kbd></td>
</tr>
<tr>
<td>Separate nodes</td>
<td style="text-align: center;"><kbd>K</kbd></td>
<td style="text-align: center;"><kbd>K</kbd></td>
</tr>
<tr>
<td>Snap to nodes</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>'</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>'</kbd></td>
</tr>
<tr>
<td>Flip horizontally (selected nodes, or the whole path)</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>H</kbd></td>
</tr>
<tr>
<td>Flip vertically (selected nodes, or the whole path)</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>V</kbd></td>
</tr>
</tbody>
</table>
<h3 id="shapes">Shapes</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Boolean difference</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Alt</kbd><kbd>D</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⌥</kbd><kbd>D</kbd></td>
</tr>
<tr>
<td>Boolean exclude</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Alt</kbd><kbd>E</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⌥</kbd><kbd>E</kbd></td>
</tr>
<tr>
<td>Boolean intersection</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Alt</kbd><kbd>I</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⌥</kbd><kbd>I</kbd></td>
</tr>
<tr>
<td>Boolean union</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Alt</kbd><kbd>U</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⌥</kbd><kbd>U</kbd></td>
</tr>
</tbody>
</table>
<h3 id="tools">Tools</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Board</td>
<td style="text-align: center;"><kbd>B</kbd></td>
<td style="text-align: center;"><kbd>B</kbd></td>
</tr>
<tr>
<td>Curve</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>C</kbd></td>
</tr>
<tr>
<td>Ellipse</td>
<td style="text-align: center;"><kbd>E</kbd></td>
<td style="text-align: center;"><kbd>E</kbd></td>
</tr>
<tr>
<td>Image</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>K</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>K</kbd></td>
</tr>
<tr>
<td>Line</td>
<td style="text-align: center;"><kbd>L</kbd></td>
<td style="text-align: center;"><kbd>L</kbd></td>
</tr>
<tr>
<td>Path</td>
<td style="text-align: center;"><kbd>P</kbd></td>
<td style="text-align: center;"><kbd>P</kbd></td>
</tr>
<tr>
<td>Rectangle</td>
<td style="text-align: center;"><kbd>R</kbd></td>
<td style="text-align: center;"><kbd>R</kbd></td>
</tr>
<tr>
<td>Text</td>
<td style="text-align: center;"><kbd>T</kbd></td>
<td style="text-align: center;"><kbd>T</kbd></td>
</tr>
<tr>
<td>Flex Layout</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>A</kbd></td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>A</kbd></td>
</tr>
<tr>
<td>Grid Layout</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>A</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>Shift</kbd><kbd>A</kbd></td>
</tr>
<tr>
<td>Color picker</td>
<td style="text-align: center;"><kbd>I</kbd></td>
<td style="text-align: center;"><kbd>I</kbd></td>
</tr>
<tr>
<td>Comments</td>
<td style="text-align: center;"><kbd>C</kbd></td>
<td style="text-align: center;"><kbd>C</kbd></td>
</tr>
<tr>
<td>Lock Proportions</td>
<td style="text-align: center;"><kbd>Shift</kbd><kbd>L</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd><kbd>L</kbd></td>
</tr>
<tr>
<td>Lock selected</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>L</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>L</kbd></td>
</tr>
<tr>
<td>Move</td>
<td style="text-align: center;"><kbd>V</kbd></td>
<td style="text-align: center;"><kbd>V</kbd></td>
</tr>
<tr>
<td>Toggle focus mode</td>
<td style="text-align: center;"><kbd>F</kbd></td>
<td style="text-align: center;"><kbd>F</kbd></td>
</tr>
<tr>
<td>Toggle scale text</td>
<td style="text-align: center;"><kbd>K</kbd></td>
<td style="text-align: center;"><kbd>K</kbd></td>
</tr>
<tr>
<td>Toggle visibility</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>H</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>⇧</kbd><kbd>H</kbd></td>
</tr>
</tbody>
</table>
<h3 id="zoom-workspace">Zoom</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Reset zoom to 100%</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>0</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>0</kbd></td>
</tr>
<tr>
<td>Zoom in</td>
<td style="text-align: center;"><kbd>+</kbd> <br><br> <kbd>Ctrl</kbd> Scrollwheel <br><br> Pinch out (trackpad)</td>
<td style="text-align: center;"><kbd>+</kbd> <br><br> <kbd>Option</kbd> Scrollwheel <br><br> Option-swipe (Magic Mouse) <br><br> Pinch out (trackpad) <br></td>
</tr>
<tr>
<td>Zoom to fit all</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>1</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>1</kbd></td>
</tr>
<tr>
<td>Zoom to selected</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>2</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>2</kbd></td>
</tr>
<tr>
<td>Zoom out</td>
<td style="text-align: center;"><kbd>-</kbd> <br><br> <kbd>Ctrl</kbd> Scrollwheel <br><br> Pinch in (trackpad)</td>
<td style="text-align: center;"><kbd>-</kbd> <br><br> <kbd>Option</kbd> Scrollwheel <br><br> Option-swipe (Magic Mouse) <br> Pinch in (trackpad) <br></td>
</tr>
<tr>
<td>Zoom lense in</td>
<td style="text-align: center;"><kbd>Z</kbd></td>
<td style="text-align: center;"><kbd>Z</kbd></td>
</tr>
<tr>
<td>Zoom lense out</td>
<td style="text-align: center;"><kbd>Alt</kbd> <kbd>Z</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd> <kbd>Z</kbd></td>
</tr>
</tbody>
</table>
<h3 id="text">Text edition</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Bold</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>B</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>B</kbd></td>
</tr>
<tr>
<td>Italic</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>I</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>I</kbd></td>
</tr>
<tr>
<td>Underline</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>U</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>U</kbd></td>
</tr>
<tr>
<td>Strikethrough</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>Alt</kbd> <kbd>5</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd> <kbd>⌥</kbd> <kbd>5</kbd></td>
</tr>
<tr>
<td>Increase font size</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>.</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>.</kbd></td>
</tr>
<tr>
<td>Decrease font size</td>
<td style="text-align: center;"><kbd>Ctrl</kbd> <kbd>Shift</kbd> <kbd>,</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>,</kbd></td>
</tr>
</tbody>
</table>
<h2 id="dashboard-section"> Dashboard </h2>
<p>The Dashboard is the place where you will be able to organize your files, libraries, projects and teams. <a href="/user-guide/first-steps/the-interface/#interface-dashboard">More about the Dashboard</a>.</p>
<h3 id="generic-dashboard">Generic</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Switch color theme</td>
<td style="text-align: center;"><kbd>Alt</kbd><kbd>M</kbd></td>
<td style="text-align: center;"><kbd>⌥</kbd><kbd>M</kbd></td>
</tr>
<tr>
<td>Create new project</td>
<td style="text-align: center;"><kbd>+</kbd></td>
<td style="text-align: center;"><kbd>+</kbd></td>
</tr>
<tr>
<td>Create new file (Inside project)</td>
<td style="text-align: center;"><kbd>+</kbd></td>
<td style="text-align: center;"><kbd>+</kbd></td>
</tr>
</tbody>
</table>
<h3 id="navigation-dashboard">Navigation</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Go to shared libraries</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>L</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>L</kbd></td>
</tr>
<tr>
<td>Go to drafts</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>D</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>D</kbd></td>
</tr>
<tr>
<td>Search</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>F</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>F</kbd></td>
</tr>
</tbody>
</table>
<h2 id="viewer-section"> View mode </h2>
<p>The View mode is the area to present and share designs and play the prototype interactions. <a href="/user-guide/first-steps/the-interface/#interface-viewmode">More about the View mode</a>.</p>
<h3 id="generic-viewer">Generic</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Next frame</td>
<td style="text-align: center;"><kbd>→</kbd></td>
<td style="text-align: center;"><kbd>→</kbd></td>
</tr>
<tr>
<td>Previous frame</td>
<td style="text-align: center;"><kbd>←</kbd></td>
<td style="text-align: center;"><kbd>←</kbd></td>
</tr>
<tr>
<td>Select all</td>
<td style="text-align: center;"><kbd>Ctrl</kbd><kbd>A</kbd></td>
<td style="text-align: center;"><kbd>⌘</kbd><kbd>A</kbd></td>
</tr>
</tbody>
</table>
<h3 id="navigation-viewer">Navigation</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Go to comment section</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>C</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>C</kbd></td>
</tr>
<tr>
<td>Go to inspect section</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>H</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>H</kbd></td>
</tr>
<tr>
<td>Go to interactions section</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>V</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>V</kbd></td>
</tr>
<tr>
<td>Go to workspace</td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>W</kbd></td>
<td style="text-align: center;"><kbd>G</kbd> and then <kbd>W</kbd></td>
</tr>
</tbody>
</table>
<h3 id="zoom-viewer">Zoom</h3>
<table cellspacing="0" cellpadding="1" border="1" width="100%">
<thead>
<tr>
<th valign="top" class="cellrowborder"><strong>Shortcut</strong></th>
<th valign="top" class="cellrowborder" style="text-align: center;"><strong>Linux and Windows</strong></th>
<th style="text-align: center;"><strong>macOS</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td>Zoom in</td>
<td style="text-align: center;"><kbd>+</kbd> <br><br> <kbd>Ctrl</kbd> Scrollwheel <br><br> Pinch out (trackpad)</td>
<td style="text-align: center;"><kbd>+</kbd> <br><br> <kbd>Option</kbd> Scrollwheel <br><br> Option-swipe (Magic Mouse) <br><br> Pinch out (trackpad) <br></td>
</tr>
<tr>
<td>Zoom out</td>
<td style="text-align: center;"><kbd>-</kbd> <br><br> <kbd>Ctrl</kbd> Scrollwheel <br><br> Pinch in (trackpad)</td>
<td style="text-align: center;"><kbd>-</kbd> <br><br> <kbd>Option</kbd> Scrollwheel <br><br> Option-swipe (Magic Mouse) <br> Pinch in (trackpad) <br></td>
</tr>
<tr>
<td>Reset zoom to 100%</td>
<td style="text-align: center;"><kbd>Shift</kbd> <kbd>0</kbd></td>
<td style="text-align: center;"><kbd>⇧</kbd> <kbd>0</kbd></td>
</tr>
<tr>
<td>Toggle zoom style</td>
<td style="text-align: center;"><kbd>F</kbd></td>
<td style="text-align: center;"><kbd>F</kbd></td>
</tr>
<tr>
<td>Toggle fullscreen</td>
<td style="text-align: center;"> <kbd>Shift</kbd> <kbd>F</kbd></td>
<td style="text-align: center;"> <kbd>⇧</kbd> <kbd>F</kbd></td>
</tr>
</tbody>
</table>
Reference in New Issue View Git Blame Copy Permalink