Usage

Try KAI in 5 minutes with a free Figma design — no ticket needed. Or jump to the full story-to-PR workflow.

Try It Now

Figma to Prototype in 5 Minutes

Use a free Figma community file to see the full design-to-code pipeline in action.

No ADO/Jira ticket needed. Grab a free Figma community file, run three commands, and see KAI generate a convention-aware prototype with visual verification.

Prerequisites

  • Plugins installed (Setup guide)
  • Figma desktop app open with a design file
  • Chrome installed

Open the Flights UI Kit (free Figma community file) in Figma, then run:

Three Phases
Extract Design tokens & screenshots from Figma
/dx-figma-extract
Prototype HTML/CSS using your project conventions
/dx-figma-prototype
Verify Chrome screenshot vs Figma reference
/dx-figma-verify
Figma Source

Figma Source

Generated Prototype

Generated Prototype

Modular by Design

Each phase can also be run individually. The developer stays in control.

Full Flow

From Ticket to PR

With a real ADO or Jira ticket, run the full development pipeline.

With a real ADO or Jira ticket, run the full development pipeline.

Full Development Pipeline
Requirements Fetch, validate, research
/dx-req <id>
Plan Implementation steps
/dx-plan
Execute Code with self-healing
/dx-step-all
Pull Request Create and link to ticket
/dx-pr

See the full local workflow guide →

Explore

All Workflows

KAI by Dragan Filipovic