Skip to main content

Your AI design engineer

Design and code standout websites and product UIs, not slop.

500K+ installs and countingAvailable for macOS, Windows, Linux, VS Code and Cursor.

Escape AI defaults with built-in taste

Kombai's taste agent gets creative with every design decision your brief and repo leave open. So you get standout work, just right for each task.

Designed to stand out.
Built to fit in

01

Better design decisions

Kombai identifies the key design decisions for each task, then makes high-quality choices instead of AI defaults.

  • Creative on open decisions. Consistent with your brief and repo.

  • Considers IA, structure, style, content, and motions.

  • Draws inspiration from 20k+ curated pages and sections.

Kestrel landing page

Kombai-generated product hero: dark serif headline above a painted garden illustration under a bright turquoise sky

Split layout

The same page relaid out: serif headline and sub-copy in a left column beside the painted garden illustration boxed into a rounded card, on a warm cream background
Improve Structure
02

Explore and iterate faster

Try different ideas on canvas, before they touch your production code. Run parallel agents in one or many canvases.

  • Precisely edit text, styles, and layout of any element.

  • Create targeted variations or complete redesigns with AI.

  • Work with live HTML, states, and animations.

03

Follow what’s decided

Kombai understands the design and code decisions in your repo, Figma, Storybook, or websites, and carries them into new work.

  • Design System: remembers your key design decisions

  • Context Graphs: code with your components, tokens, and hooks

  • Codes in your stack with built-in best practices for 400+ libraries

04

One connected agent

Design on the canvas, code production frontend, and refine in the browser - all without switching tools or losing context.

  • Go from canvas to production-ready code in a click.

  • Make changes in canvas, code, or browser, then sync easily.

  • Branch, review, and manage designs like any code file

What builders are saying

Questions?
We've got answers.

What is Kombai?
Kombai is your AI design engineer. It helps you design and code standout websites and product UIs that don’t look like “AI slop”. Its taste agent makes high-quality design decisions for each task, instead of resorting to AI defaults. Its context tools find and reuse your existing design system, stack, tokens and components. Explore designs on an infinite canvas, ship production-ready code in your real repo, and refine the result in an editable browser.
Does Kombai have a free plan?
Yes. Kombai offers a free plan of 300 credits per month. You can use this tier perpetually, or upgrade to one of our paid plans starting from $20/ month for heavier use.
Where is Kombai available?
Kombai is available as an extension on all popular IDEs, including VS Code, Cursor, Antigravity, Trae, Kiro etc. You can install it from the extension marketplaces available on these IDEs, or download it from the Open VSX Registry to install it on any compatible IDE.
Does it generate designs or working code?
Both. Kombai can generate standalone designs on canvases (in “Design mode”) as well as create production-ready code in your codebase, using your stacks and coding patterns (in “Code mode”).
Can I import designs from Figma?
Yes. You can import Figma designs into Kombai via its native integration. Kombai can parse complex design files, fix common issues like messy grouping and invisible layers, and extract icons and assets. No MCP needed.
Can I use it with my existing codebase?
Yes. Kombai works as an IDE extension inside your codebase. It can understand the codebase and generate production-ready code that fits natively. Additionally, Kombai can also reuse components, hooks, utilities, and design tokens from your npm packages and storybooks via Context Graphs.
How can I share and export Kombai’s outputs?
Kombai writes all its outputs directly in your codebase. All these files can be shared with others or managed via git just as any other local files.
What stack does Kombai work with?
Kombai can work with any stack of your choice. It can automatically scan your repo, understand your stack and remember it persistently. In addition, it has built-in documentation and best practices for 400+ frontend specific tech stack libraries that it auto-applies for relevant coding tasks.

Design and code standout UI

Build standout websites and product UIs that fit in with your product and repo. Explore on a canvas, refine in the browser, ship production-ready code.