Conversation Flow Generatordraft

A Figma plugin that drafts conversational UX flows and real use cases inside Figma — powered by Anthropic's models. From an English prompt to fully-localised flow variants in minutes.

StatusBeta · used on Shell + CCTNS conversational projects

StackFigma Plugin API · TypeScript · Anthropic SDK · Claude 4.6

BuiltQ1 2025 — alongside CCTNS multilingual work

SourceClosed during PwC engagement · open-source release planned

TL;DR

Type the user goal ("file an FIR for a missing person") → plugin generates a complete flow with branches, error states, and fallback paths.
Localises into multiple languages from a single source. Hindi, Marathi, English, more.
Uses Anthropic's models with strict output schemas — fast iteration on conversational design without hand-drafting hundreds of variants.

Why I built it

On the CCTNS citizen platform, voice-first flows had to work in 6 languages. Hand-drafting localised flow variants for every citizen scenario would have taken weeks per release and produced uneven quality. We needed scaffolding speed without losing design judgement.

On the Shell deal-management platform, the conversational interface needed to handle hundreds of variant prompts. Designers couldn't rely on engineers to write the system prompt — we needed to shape the flows from inside Figma, where the rest of the design lived.

Both pains pointed to the same plugin. So I built it.

How it works

Goal-first input: describe the user's goal in plain language. The plugin builds the complete flow from there — happy path, branches, error recovery.
Figma-native output: each turn renders as a Figma frame using your design system's bubble/message components. No copy-paste from external tools.
Multi-language generation: one click localises to selected languages with culturally-aware tone matching, not just dictionary translation.
Variant generation: "give me 10 ways a user might phrase this" → 10 variant inputs to test against. Critical for training intent classifiers.
Refusal and fallback design: auto-generates the "I don't know" / "I need more context" turns that designers usually forget.

Stack

Figma Plugin API for frame + text generation
Anthropic SDK with structured tool-use for predictable flow output
Claude 4.6 for nuanced multilingual generation
TypeScript with a strict flow schema (turns, branches, conditions)

Example output

[ Generated flow on Figma canvas — multi-turn, branched, with error states ]

A complete generated flow for a citizen-services use case, ready to refine.

[ Same flow localised — English / Hindi / Marathi side by side ]

One flow, three languages — generated together, reviewed in Figma.

Try it

Currently used internally on PwC client projects. Public Figma Community release coming once the prompt + output formats are stable. Email me for early access if you're working on conversational UX.