Keyboard shortcuts

A rich set of keyboard shortcuts to streamline your workflow

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.

These shortcuts work on both Windows and macOS, with Cmd replacing Ctrl on macOS devices.

Quickly open the List of available Keyboard shortcuts by typing: ?

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 +

  • Align to Horizontal Center: Alt/Option + H

  • Align to Right: Alt/Option +

  • Align to Top: Alt/Option +

  • Align to Vertical Center:Alt/Option + V

  • Align to Bottom: Alt/Option +


Move Elements

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

  • Move Up by 1px:

  • Move Down by 1px:

  • Move Right by 1px:

  • Move Left by 1px:

  • Move Up by 10px: Shift +

  • Move Down by 10px: Shift +

  • Move Right by 10px: Shift +

  • Move Left by 10px: Shift +

  • 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.

Last updated

Was this helpful?