Skip to content
Design Mode
Add to Chrome

Design Mode is also available for Firefox and Safari.

Keyboard shortcuts

Design Mode has 12 shortcuts that work directly on the page while the side panel is open, plus two browser-level commands for opening the panel and taking a screenshot — 14 in total.

In-page shortcuts

These fire on the page itself while the side panel is open: Alt+I toggles Inspect, Alt+C drops a comment pin, Alt+R starts a region comment (drag a rectangle), Alt+P pauses/resumes all motion on the page, and Alt+X copies the exported CSS to your clipboard.

Tabs & selection

Alt+1 / Alt+2 / Alt+3 jump to the Layers / Design / Changes tab. Escape deselects back to hover mode. Delete removes the selected element.

Undo & redo

Cmd/Ctrl + Z undoes the last style, text, or DOM change. Cmd/Ctrl + Shift + Z redoes it. Every change in the Changes tab is reversible individually too.

Browser-level commands

Alt+D opens Design Mode on both Chrome and Firefox; Alt+S takes a screenshot using the same target and destination as the camera button. They are browser commands rather than page handlers, so both can be rebound at chrome://extensions/shortcuts on Chrome or about:addons › Manage Extension Shortcuts on Firefox. Browsers treat the supplied keys as suggestions and may leave either command unassigned after an update or conflict. The 12 in-page shortcuts above cannot be remapped from Settings — that list is read-only.

Related docs

The Changes tab

The Changes tab is where every edit you make in the side panel lands. It's the foundation of the handoff — to a teammate, to a tracker, to an AI agent.

MCP setup

Start with the copyable setup prompt at https://designmode.app/mcp, or configure your client below. Examples were checked against first-party documentation on 29 September 2026. MCP support, policy and reload behaviour vary by client version.

Try the editing workflow

Inspect the demo, make a harmless change and copy the specification.

Understand the agent hand-off

Choose Copy as Prompt or a Cloud, Local or Self-hosted MCP connection.