Wireframe with your agent

Give the idea a little room

Squig gives your coding agent an editable canvas with real UI components, shapes, text, images, freehand strokes and connectors. You get a private link to compare ideas before investing in code. The agent uses its own model; Squig does not require another AI subscription.

Connect once

Open your canvas, click Connect agent, then click Copy for your agent. That copies a short invitation: the canvas link, a key scoped to this canvas, the MCP and REST addresses, and a first instruction. Paste it into your agent's chat: Codex, Claude Code, Cursor, or anything that can call HTTP. An agent that can make HTTP requests starts immediately over REST with the key as its bearer token; nothing to install. An agent with MCP support can add the server itself, or you set it up once with the manual configuration in the same popover (see /docs/mcp). Workspace keys at /connect remain for agents that need to create canvases.

Ask for distinct directions

Ask the agent to search the component library, create a document, and explore three different layouts. Each variation should have a title, rationale and its own member nodes. Good variations change the content hierarchy or interaction model. Changing only color is not a new direction.

Sketch a book club homepage in Squig. Explore three directions: the next meeting first, the current book first, and a member-led reading journal. Use real copy, label the tradeoffs, and send me the canvas link before drawing so I can watch and edit alongside you.

Review and revise

Open the full canvas link. It opens the normal Squig editor with all the wireframes and notes on the infinite canvas. Agent edits appear automatically, about once per second while connected. Draw, move objects and edit text as usual. Independent changes merge; competing edits to the same field preserve your draft and ask you to load the latest canvas.

Choose, then build

Tell your agent which direction you want in your conversation. Refine that wireframe together on the same canvas, then ask the agent to export it and implement it in your project. There is no separate review page required. Squig supplies the editable design; your agent uses its own coding tools to build it.

Bring an existing sketch

Open a local Squig canvas and choose Connect agent. This creates a shared online canvas from your current drawing and keeps you in the editor. Copy the invitation for your agent; squig_documents lists that canvas and squig_get_document reads it, or GET /api/v1/documents over REST. Reuse the same canvas for further changes.