UX Studio

Every product in your factory can carry a UX draft: a set of lo-fi wireframes drawn by your UX Designer seat covering the product’s screens, each screen’s states, and how the screens connect. The UX Studio is where you work that draft. Open a product and look at the team card — the designer block shows the draft’s version and a one-line status, and Open UX Studio → takes you in. (The studio is per-product, so it lives on the product page rather than in the sidebar.)

The wireframes are deliberately lo-fi — grayscale boxes, hairlines, and placeholder text — so review stays on structure and flow, not colors and pixels. And the draft is exactly that: a draft. Nothing in the studio creates tickets, changes your spec, or gates anything. When the draft is ready, you hand it to your product manager, who folds it into the spec behind the usual approval.

Walking the draft

The toolbar drives the canvas:

• Screen — every drafted screen, labeled with how many of its five states are drawn.
• Surface — the same screen on Web, Mobile web, or iOS native framing.
• State — the five UI-Stack states: Ideal, Empty, Loading, Partial, and Error. A state the designer never drew is labeled “not drafted”, and picking it shows the Ideal state behind an honest banner — the review tab flags the gap too.

The wireframe itself is interactive: click a button or a row that leads somewhere and the canvas follows the flow, exactly as a user would.

Commenting in context

Turn on ＋ Comment and click anywhere on the wireframe: a composer pins to the element under your cursor, and saving drops a numbered pin right on the drawing. Comments anchor to the element (not just the spot), so they survive as the draft changes and travel with the eventual handoff as developer notes. The Annotations toggle shows or hides the designer’s own notes — the little hand-written cards with arrows pointing at what they discuss.

Iterate, review, hand off

Iterate & review opens the studio drawer:

• Iterate — tell the designer what to change, in plain language. Each reply shows exactly what was edited and bumps the draft’s version, and the designer suggests likely next steps as one-tap chips. Every turn is a precise, reviewable edit to the draft — never a regeneration from scratch.
• Review — two honest tiers: deterministic checks (missing states, unknown elements, dangling references — reliable) and heuristic candidates from a usability pass, each with a confidence level and an explicit “expect false positives” framing. Accessibility judgments that need a human stay flagged as human-only.
• Stickies — the current screen’s notes, yours and the designer’s, with one-click resolve.

Hand off to PM packages the draft — wireframes, flow map, notes, and suggested acceptance hints — and sends it to your product manager, who turns hints into acceptance criteria behind the spec approval you already control.

Starting a draft

A product with no draft yet shows Start a UX draft with a prompt seeded from the product’s description. Describe what to wireframe and the designer drafts the screens; the studio shows progress live and opens the canvas when the first version renders. Drafting and iteration are metered like any other agent work, against your credit balance.