HelpPrivacy

Works with Figma, Sketch & more · Web · Desktop · Mobile-friendly

← All docs

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.
  3. Copy AI prompt — Structured handoff for Cursor, Claude, or ChatGPT: project name, variant, screen sequence from the analysis, trade-offs, and tasks (states, design-system usage). Paste into your AI tool to refine wireframes or implementation.

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.

LLM-generated variants (optional)

Flow alternatives can be generated by an LLM (OpenAI or Anthropic) for more tailored variants. Set OPENAI_API_KEY and optionally OPENAI_FLOW_MODEL (default: gpt-4o-mini), or ANTHROPIC_API_KEY and optionally ANTHROPIC_FLOW_MODEL (default: claude-3-5-haiku). If both are set, OpenAI is tried first, then Anthropic on failure. Without these env vars, Blue Painter uses heuristic variants only.