mirror of
https://github.com/penpot/penpot.git
synced 2026-10-30 06:20:32 +00:00
Fixes the problems found after #12326 and listed in #12327. Mousetrap now tries several names for each key press, in order, and fires the first one with a binding: letters and digits by keyCode when a modifier is held, punctuation by position (layout map, or a US table when the browser has none), the typed glyph, and the typed glyph without the Shift it needed. With AltGr the typed glyph comes before the position. The shortcut recorder asks Mousetrap for the key it stores, so a recorded shortcut always fires. This makes "?" and "+" work on every layout, Shift and Ctrl+Shift with punctuation work in Firefox and Safari, Option+letter work on macOS, and AltGr+º hide the UI on Linux with a Spanish layout. Chrome on Linux returns the map of the first configured layout, not the active one. Mousetrap now drops the map when an unmodified punctuation key types something else. The layout twins are no longer needed and are removed: "shift+'" made "?" zoom to the selection on Spanish layouts. The Add node shortcut is removed too: on US layouts its key is the "+" zoom key, and on Firefox with a Spanish layout it cannot fire. The Firefox and Safari warning in the shortcuts settings is gone, since those shortcuts now work there. The user guide and translations follow these changes. AI-assisted-by: claude-opus-5-5
1071 lines
43 KiB
Plaintext
1071 lines
43 KiB
Plaintext
---
|
||
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 & 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>, <kbd>Alt</kbd> or another modifier, letter and digit keys record the key itself, not the character the modifier makes (<kbd>Shift</kbd><kbd>0</kbd>, not <kbd>Shift</kbd><kbd>)</kbd>; <kbd>Option</kbd><kbd>M</kbd> on macOS, not <kbd>µ</kbd>).</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 <kbd>Shift</kbd> with the <kbd>+</kbd> key records <kbd>Shift</kbd><kbd>+</kbd> on a Spanish layout. In browsers that do not expose the keyboard layout, such as Firefox or Safari, Penpot records the character you type instead; the shortcut still works there. Keys typed with <kbd>AltGr</kbd> record the character they type (<kbd>\</kbd> on a Spanish layout).</p>
|
||
<p>One known limitation: 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.</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>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>
|