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.

AI outputs often repeat generic design choices across very different tasks, while missing the code patterns already decided in large repos. Kombai fixes both.

Designs that stand out

Kombai's taste agent identifies the important design decisions needed for each task, and makes high-quality choices for them, instead of resorting to AI defaults.

Code that fits in

Kombai consistently reuses components, tokens, and hooks from your repo, npm package, or Storybook, and carries them into new work.

Why Kombai

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

Choose from 50+ models

Pick the model that fits each task, or let Kombai's built-in router choose for you.

  • Switch between models from Claude, GPT, Grok, Kimi, and more.

  • Explore more design directions or balance cost and quality for each task.

  • Generate images, videos, and animations with Veo, Seedance, Nano Banana, and more.

See what people are making with Kombai

A growing collection of distinctive websites and product UIs designed with Kombai.

What builders are saying

Our Users

Kombai is used by design engineers and product teams building standout websites and product UIs.

  • Adobe
  • Microsoft
  • Deloitte
  • Intuit
  • BrowserStack
  • ByteDance

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 a desktop app and an extension for popular IDEs, including VS Code, Cursor, Antigravity, Trae, and Kiro. You can install it directly from these IDEs’ extension marketplaces or download it from the Open VSX Registry to install 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.