andrés gonzález f40686d205
📚 Update user guide for 2.19 features (#12201)
Document stroke per side and its tokens, path editor changes, image
bounds resize, configurable shortcuts, tokens from a shared library
as tokens source, canvas background color tokens, Penpot board
presets, the 3x export scale, the text editing context menu, the
organization and team selector, the hide resolved comments option,
account security and the Check for updates option.

Fix outdated notes about WebGL exports, background blur exports,
library token import and path editor shortcuts. Add the images for
these sections and remove the ones no longer used.

AI-assisted-by: claude-opus-5-5
2026-10-14 12:51:51 +02:00

1074 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 &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>Punctuation keys (such as <kbd>-</kbd>, <kbd>[</kbd>, <kbd>/</kbd> or <kbd>'</kbd>) are recorded by their physical position on the keyboard, so they work the same on AZERTY, QWERTZ and other layouts. Letters and numbers are recorded by the character they type. With <kbd>Shift</kbd>, the base key is recorded, not the shifted character.</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>