# Keyboard shortcuts

Foxify comes with a rich set of keyboard shortcuts to streamline your workflow. By using these shortcuts, you can perform actions more efficiently and focus on creating amazing designs.

<figure><img src="/files/rvbyjq8INwnBUujFwBMs" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
These shortcuts work on both Windows and macOS, with `Cmd` replacing `Ctrl` on macOS devices.
{% endhint %}

{% hint style="info" %}
Quickly open the List of available Keyboard shortcuts by typing: **`?`**&#x20;
{% endhint %}

## **General Shortcuts**

These shortcuts help you manage basic tasks like saving, publishing, and undoing actions.

* **Save**: `Ctrl + S`
* **Publish**: `Ctrl + P`
* **Save & Publish**: `Ctrl + Shift + P`
* **Undo**: `Ctrl + Z`
* **Redo**: `Ctrl + Y`
* **Add Elements**: `E`
* **Add Sections**: `S`
* **Add App Blocks**: `A`

***

## **Switch Viewport**

Quickly toggle between different device viewports (desktop, tablet, mobile) to ensure your design is responsive.

* **Switch to Desktop**: `Alt/Option + 1`
* **Switch to Tablet**: `Alt/Option + 2`
* **Switch to Mobile**: `Alt/Option + 3`

***

### **Editor Actions**

These actions control the movement, styling, and organization of elements on the page.

* **Duplicate**: `Ctrl + D`
* **Delete**: `Backspace/Delete`
* **Copy Style**: `Ctrl + C`
* **Paste Style**: `Ctrl + Shift + V`
* **Hide Element**: `Ctrl + H`
* **Rename**: `Ctrl + R`
* **Add Stack**: `Ctrl + Enter`
* **Unstack**: `Ctrl + Alt/Option + Backspace/Delete`
* **Add Frame**: `Ctrl + Shift + F`
* **Bring to Front**: `Ctrl + ]`
* **Move Forward**: `]`
* **Send to Back**: `Ctrl + [`
* **Move Backward**: `[`

## **Alignment**

Align elements precisely on the canvas:

* **Align to Left**: `Alt/Option +` <img src="/files/Xl9s1yccxV5nKG2jWAcj" alt="" data-size="line">
* **Align to Horizontal Center**: `Alt/Option + H`
* **Align to Right**: `Alt/Option +` <img src="/files/C1U8u6xuZFfOtTBRLGqq" alt="" data-size="line">
* **Align to Top**: `Alt/Option +` <img src="/files/19C2F83LbRx5K58KkiXR" alt="" data-size="line">
* **Align to Vertical Center**:`Alt/Option + V`
* **Align to Bottom**: `Alt/Option +` <img src="/files/3NK9VHsSN4rDErqf2Kow" alt="" data-size="line">

***

### **Move Elements**

For fine adjustments, you can move elements pixel by pixel:

* **Move Up by 1px**: <img src="/files/19C2F83LbRx5K58KkiXR" alt="" data-size="line">
* **Move Down by 1px**: <img src="/files/3NK9VHsSN4rDErqf2Kow" alt="" data-size="line">
* **Move Right by 1px**: <img src="/files/C1U8u6xuZFfOtTBRLGqq" alt="" data-size="line">
* **Move Left by 1px**: <img src="/files/Xl9s1yccxV5nKG2jWAcj" alt="" data-size="line">
* **Move Up by 10px**: `Shift +` <img src="/files/19C2F83LbRx5K58KkiXR" alt="" data-size="line">
* **Move Down by 10px**: `Shift +`<img src="/files/3NK9VHsSN4rDErqf2Kow" alt="" data-size="line">
* **Move Right by 10px**: `Shift +`<img src="/files/C1U8u6xuZFfOtTBRLGqq" alt="" data-size="line">
* **Move Left by 10px**: `Shift +`<img src="/files/Xl9s1yccxV5nKG2jWAcj" alt="" data-size="line">
* **Move Section Up**: `Ctrl + ↑`
* **Move Section Down**: `Ctrl + ↓`

***

### **Open Actions**

Access different settings and tools easily using these shortcuts:

* **Open Page Layers**: `L`
* **Open Page Revisions**: `R`
* **Open Custom Codes**: `C`
* **Open Templates Picker**: `T`
* **Open Page Settings**: `Alt/Option + S`
* **Open Theme Settings**: `Ctrl + ,`
* **Open Keyboard Shortcuts**: `?`

***

### **Best practices**

* **Multitasking**: Combine shortcuts to perform multiple actions rapidly. For example, duplicate an element and then use the alignment shortcuts to position it perfectly.
* **Viewport Checking**: Make it a habit to switch between device viewports (`Alt/Option + 1` ,`2` , `3`) to ensure your design looks great on all devices.
* **Undo/Redo**: Don’t be afraid to experiment, knowing that `Ctrl + Z` and `Ctrl + Y` will always have your back.

By integrating these keyboard shortcuts into your workflow, you can speed up your design process and keep your hands on the keyboard, minimizing interruptions.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/keyboard-shortcuts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.