Workspaces

The Seven Workspaces

Switch workspaces from the workspace menu or with the keyboard shortcuts below. Each mode remembers its own default tool and toolbar layout.

• Design (Ctrl+Shift+1) — UI/UX, components, and prototyping. Default tool: Select.
• Print (Ctrl+Shift+2) — Multi-page layouts, typography, preflight, and colour management. Default tool: Select.
• Draw (Ctrl+Shift+3) — Raster painting, vector freehand, and brushes. Default tool: Paint.
• Photo (Ctrl+Shift+4) — Nondestructive photo editing and adjustments. Keeps your current tool; the toolbar leads with Select, Lasso, and the retouch and mask flyouts.
• Motion (Ctrl+Shift+5) — Timeline animation, keyframes, and easing. Default tool: Select.
• Logo (Ctrl+Shift+6) — Wordmarks, marks, monograms, badges, and brand systems. Default tool: Select.
• Codegen (Ctrl+Shift+9) — Code export. Keeps your current tool.

Note: the older Ctrl+Shift+D/P/R/I/M bindings shown in some early documentation no longer switch workspaces — those keys are now used by Repeat Duplicate, Present, Invert Selection, and Preview Mode.

One Document, Many Modes

Workspace switching is deliberately low-cost. All seven modes share:

• One document model — a mode never forks the scene; there is no "Photo copy" of your file
• State preservation — document, selection, viewport, and undo history carry across switches
• Shared fundamentals — selection, transform, colour, layers, undo/redo, and copy/paste behave identically in every mode

This means you can sketch in Draw, refine in Design, check print colour in Print, and animate in Motion — all in the same session, with one history.

Customizing a Workspace

Customize Workspace… (View menu or command palette) controls every surface a workspace owns, applied instantly and remembered per mode:

• Panels — show or hide the Layers, Inspector, Timeline, Resources, Code, Logo, and History panels.
• Toolbar — hide tools, including tools that live inside flyouts (boolean operations, retouch, mask). Select, Hand, and Zoom always stay available.
• Inspector tabs and status bar sections — per-workspace visibility.
• Panel widths — resize the Layers, Inspector, and Resources panels with the drag handle; widths are remembered per workspace.

Layouts survive restarts even where browser storage is unreliable, andShow All Panels (View menu) recovers an accidentally hidden layout. Reset returns the current mode to its built-in layout; Reset All asks before clearing every workspace's customizations.

Toolbar Composition

Each workspace declares its own toolbar: which tools appear, their order, group separators, and which tools live in flyouts (for example, the Shapes and Boolean-operation flyouts in Design mode). Customizing a workspace — hiding a tool or moving it to a flyout — applies through your preference overrides and is reflected in the toolbar immediately.