Overview
Kombai is a domain-specialized AI design and coding agent that turns UI designs into production-ready frontend code. It works two ways: in Design mode it generates standalone interfaces on an infinite canvas with curated inspirations, and in Code mode it writes real code directly inside your codebase using your preferred stack and conventions. Kombai imports Figma files natively, parses complex layouts, fixes messy grouping, and extracts icons and assets without MCP. It understands your repository through Context Graphs, reuses existing components, hooks, and design tokens, and ships as an extension for VS Code, Cursor, Trae, Kiro, and other IDEs. A free tier offers 300 credits per month, with Pro and Team plans for heavier use.
Key Features
- Two modes: Design canvas for ideation and Code mode for in-repo production code
- Native Figma import that parses layouts, cleans grouping, and extracts icons and assets
- Context Graphs index your repo, Storybook, and npm packages to match existing patterns
- Supports 400+ frontend stacks with auto-applied best practices
- IDE extension for VS Code, Cursor, Trae, Kiro and Open VSX-compatible editors
- Autonomous terminal commands, browser testing, and plan and debug modes
Pricing
| Plan | Price | For |
|---|---|---|
| Free | $0 | 300 credits per month, hobby projects |
| Pro | $20/mo | 2,000 credits per month, email support, SOC 2 |
| Team | $40/user/mo | Shared credits, rules, usage analytics |
| Enterprise | Custom | Custom context engine, SLAs, onboarding |
Comparison
Unlike Figma, which stops at design, Kombai closes the handoff gap by emitting runnable code that fits your stack. Compared to v0, it understands an existing codebase and reuses real components instead of scaffolding from scratch. Against Framer, Kombai focuses on developer-owned output you manage in git rather than a hosted site builder.