# Keyboard Shortcuts

## Overview

Keyboard shortcuts improve efficiency by enabling faster task execution, boosting productivity, and streamlining workflows. There are keyboard shortcuts available for the Thunkable Design Tab and Blocks Tab.

### Design Tab

<figure><img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FnuZK1UPcHg6RaTjcrfWf%2Fdesign_tab_new.png?alt=media&#x26;token=8e0f21bb-b746-4d2a-86af-d2c0946d6e9e" alt=""><figcaption></figcaption></figure>

### Blocks Tab

<figure><img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FPBcPzE1N3D9MRfNFIh5G%2Fblocks_tab_new.png?alt=media&#x26;token=9c0f5003-dcec-446d-93ec-80528e9b4b1d" alt=""><figcaption></figcaption></figure>

## Keyboard Shortcuts

<table><thead><tr><th width="167">Shortcut</th><th width="326">Expected Behavior</th><th width="130">Design Tab</th><th>Blocks Tab</th></tr></thead><tbody><tr><td><p>T</p><p><br></p></td><td>Toggle between the Design and Blocks tabs.</td><td>✅</td><td>✅</td></tr><tr><td>P</td><td>Web Preview. Equivalent to clicking the Web Preview icon.</td><td>✅</td><td>✅</td></tr><tr><td>Esc </td><td>When in Web Preview, the equivalent of clicking Back to editing.</td><td>✅</td><td>✅</td></tr><tr><td>F</td><td>Access the Designer's Focus tool.<br><img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FclIWgtqnnn0ixJH9tuAm%2FFocus%20tool.png?alt=media&#x26;token=dc909d55-c979-4a7a-b0c0-cb69e83001a9" alt=""></td><td>✅</td><td><br></td></tr><tr><td>D</td><td>Live Test on Device. Equivalent to clicking the Live Test icon.<img src="https://1223006790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LAn5scXl2uqUJUOqkJo-84897653%2Fuploads%2FPa6U7FDy8u3TkftDBWqx%2Fimage.png?alt=media&#x26;token=6cc5e236-63d5-48be-9ee8-a8ac487525ac" alt=""></td><td>✅</td><td>✅</td></tr><tr><td><p>Press and hold spacebar + drag cursor</p><p></p><p>Mac touchpad:</p><p>Press and hold spacebar + two-finger move cursor </p></td><td><p>Pan around the screen. </p><p><img src="https://lh3.googleusercontent.com/5mXSuvjGvYffWCH_PQwj43tzPpQK5EjlCrYcUxG_eQjijt8BZOI2Uz--weYFzSgYu7gII5VN8RXJ8esc6N2bc5MEYDGMBTvtPvEHW37oYPti8qCdqTEpN36hWwEAQdZ2sQMQ4XOwWuF1GxGIq2hbKc8" alt=""></p><p></p><p>Note: The cursor must remain in the screen area in order to continue panning. </p></td><td>✅</td><td><br></td></tr><tr><td>⌘ + C</td><td>Copy screens, components, and blocks.</td><td>✅</td><td>✅</td></tr><tr><td>⌘ + V</td><td>Paste copied screens, components, and blocks.</td><td>✅</td><td>✅</td></tr><tr><td>Arrow keys</td><td>Move the selected UI component—small nudge.</td><td>✅</td><td></td></tr><tr><td>Shift + arrow keys</td><td>Move the selected UI component—larger nudge.</td><td>✅</td><td></td></tr><tr><td>⌘ + K</td><td>Toolbox search in Blocks tab.</td><td></td><td>✅</td></tr><tr><td>⌘ + F</td><td>Workspace search in Blocks tab.</td><td></td><td>✅</td></tr><tr><td>⌘ + ⬆</td><td>Select the previous component in the component tree.</td><td>✅</td><td></td></tr><tr><td>⌘ + ⬇</td><td>Select the next component in the component tree.</td><td>✅</td><td></td></tr><tr><td>⌘ + ⬅</td><td>Go to previous screen.</td><td>✅</td><td>✅</td></tr><tr><td>⌘ + ⮕</td><td>Go to next screen.</td><td>✅</td><td>✅</td></tr><tr><td>Delete or Backspace</td><td>Delete selected component.</td><td>✅</td><td>✅</td></tr><tr><td>⌘ + Z</td><td>Undo</td><td>✅</td><td>✅</td></tr><tr><td><p>⌘ + Y or</p><p>⌘ + Shift + Z</p></td><td>Redo</td><td>✅</td><td>✅</td></tr></tbody></table>

{% hint style="info" %}
“⌘” should be replaced with “Ctrl” for non-macOS environments.
{% endhint %}
