Kombai
Frontend-specialized AI agent — Figma, screenshots, or prompts to production React code.
About
Kombai is an AI agent built specifically for real-world frontend tasks. It runs as an IDE extension (VS Code, Cursor, Windsurf, Trae): paste a Figma link, drop a screenshot, or type a UI prompt, and Kombai produces an editable plan first, then generates production-ready React code — Tailwind, Chakra, MUI, or plain CSS — that scans your codebase to match your existing tech stack. It also ships Kombai for Email, which converts email designs to code that renders in Outlook.
The honest picture: reviewers praise the compile-ready output and coherent DOM structure but flag imperfect visual fidelity, font mismatches, and weak multi-page workflows — no live preview editing either. Figma import is a paid feature, and framework support is narrower than generalist coding agents. It's the strongest pick when the job is strictly frontend, less compelling outside it.
What it can do
- Figma, screenshot, and prompt to React code
- Editable plan before code generation
- Tech-stack-aware output (Tailwind, Chakra, MUI)
- Email designs to Outlook-compatible code
- Codebase scanning for stack detection
Setup
Install the Kombai extension in VS Code, Cursor, Windsurf, or Trae, sign in, then type @figma with a design link or describe the UI you want.
Prerequisites
A supported IDE; a Figma account for design imports (paid tier for Figma features).
Use cases
Works with
Trust score — 7/10
Scored 7/10 (metrics tier, metrics-v1). Evidence: Verified via vendor site/docs/GitHub and reputable coverage, wave 49; Trending score 74/100 from researcher assessment.
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.