Export flow alternatives to Figma (Spec 6.2)

Create a new page in Figma from a flow variant.

In each analysis report, open Insights → Flow alternatives to compare three AI-generated variants: Minimal steps (speed), Guided (clarity), and Edge-case safe (robust). Each shows buildability score, step count, estimated dev time, and state coverage.

Export to Figma

Select your preferred variant and click Export to Figma. You can:

  1. Download JSON — Saves a payload (page name, step frames, annotations) for the Figma plugin. Use the Blue Painter Figma plugin to create a new page with wireframe frames from this payload (Spec 6.2 one-click export).
  2. Copy instructions — Step-by-step text (e.g. create page "Checkout Flow - Minimal [Blue Painter]", add frames, add annotations) to apply manually in Figma.

The JSON includes pageName, steps (name + annotation per frame), variantId, and buildabilityScore. The Figma plugin can create the page and frames from this structure; you then refine the wireframes with your design. One-click create page and frames in Figma via API (without the plugin) is on the roadmap (Spec 6.2).

Why this helps

Moves from problem identification to solution generation: concrete alternatives with scores and trade-offs. Designer keeps creative control (wireframes, not pixel-perfect). Reduces back-and-forth by providing ready-to-refine flows.