Keyboard Shortcuts

Speed up your workflow with keyboard shortcuts. This guide covers all available shortcuts in AIUI.

Shortcut Reference

Action	Shortcut
Undo	`Cmd/Ctrl + Z`
Redo	`Cmd/Ctrl + Shift + Z` or `Cmd/Ctrl + Y`
Search Nodes	`Cmd/Ctrl + F`
Live Typing	`/`
Preview Node	`Shift + Space`
Copy HTML Code	`Cmd/Ctrl + C`
Delete Selected	`Delete` or `Backspace`
Deselect / Close	`Escape`
Select All	`Cmd/Ctrl + A`
Zoom In	`Cmd/Ctrl + =`
Zoom Out	`Cmd/Ctrl + -`
Reset Zoom	`Cmd/Ctrl + 0`
Fit to View	`Cmd/Ctrl + 1`

Navigation Shortcuts

Action	Shortcut
Pan Canvas	`Space + Drag` or `Right Click + Drag`
Zoom Canvas	`Scroll Wheel` or `Pinch`
Follow Collaborator	Click on Avatar or Viewport
Disable Snapping	Hold `Alt/Option` while dragging

Node Shortcuts

Action	Shortcut
Rename Node	`Double Click` name
Edit (Overwrite)	`Shift + Enter` in prompt bar
Generate (Branch)	`Enter` in prompt bar
Multi-Select	`Shift + Click` or `Drag Selection`

Shortcut Details

Undo

Shortcut: Ctrl + Z (Windows/Linux) or Cmd + Z (Mac)

Reverses your last action. AIUI maintains a history of operations, so you can undo multiple times to step back through your changes.

Undo works for:

Node deletions
Node moves and resizes
Property changes
Annotation edits

Redo

Shortcut: Ctrl + Shift + Z or Ctrl + Y (Windows/Linux) / Cmd + Shift + Z or Cmd + Y (Mac)

Reapplies an action you just undid. Use redo to move forward through your history after undoing.

Both shortcut variations work identically—use whichever feels more natural.

Copy Node Code

Shortcut: Ctrl + C (Windows/Linux) or Cmd + C (Mac)

Copies the selected node's generated code to your clipboard. The copied code includes:

Complete HTML structure
Tailwind CSS classes
Any inline styles

Paste directly into your codebase or share with developers.

Preview Node

Shortcut: Shift + Space

Opens a fullscreen preview of the currently selected node. In preview mode:

The design renders at full scale
Interactive elements are functional
You can test responsive behavior
Press Escape to exit preview

This is the quickest way to check how a design looks and behaves.

Delete Selection

Shortcut: Delete or Backspace

Removes the selected node(s) from the canvas. A confirmation may appear for destructive actions.

To delete multiple nodes:

Hold Shift and click to add nodes to your selection
Press Delete or Backspace
All selected nodes are removed

Deleted nodes can be restored with Undo.

Deselect All

Shortcut: Escape

Clears the current selection, deselecting all nodes. Also closes:

Open modals
Dropdown menus
Preview mode
Comment editing

Press Escape to return to a neutral canvas state.

Platform Differences

AIUI uses the standard modifier key conventions:

Platform	Modifier Key
Mac	`Cmd` (Command)
Windows	`Ctrl` (Control)
Linux	`Ctrl` (Control)

Throughout this documentation, Ctrl/Cmd means:

Press Cmd on Mac
Press Ctrl on Windows or Linux

When Shortcuts Are Disabled

Keyboard shortcuts are disabled when focus is in a text input field. This prevents shortcuts from interfering with typing.

Shortcuts are disabled in:

Prompt input field
Comment text areas
Node rename inputs
Search fields
Settings form inputs
Any other text input

Click outside the input field or press Escape to restore shortcut functionality.

Tips for Efficiency

Learn the essentials first: Start with Cmd/Ctrl + Z (Undo), Shift + Space (Preview), and Escape (Deselect). These three cover most common needs.

Use Preview frequently: Shift + Space is faster than using the preview button. Check your designs often as you iterate.

Undo fearlessly: With robust undo support, feel free to experiment. You can always step back if something doesn't work.

Copy code early: Use Cmd/Ctrl + C to grab code as soon as you're happy with a design. Paste it into your project before moving on.