Skip to main content

Your AI design engineer

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

600K+ 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.

A green design tile with bold geometric shapes stands out among eight blurred ivory layout tiles on a deep green background.

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.

A green design tile sits at the centre of a three-by-three grid of ivory tiles, connected by glowing green seams; the surrounding tiles contain image, text, chart, toggle, and grid symbols.

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.

High creativity, even at a lower cost

Takes creative decisions for every open choice while SOTA models repeat the same patterns again and again.

KombaiAuto19x cheaper ($0.60)
Client Overview, built using Kombai Auto, pass 2 of 3
Client Overview, built using Kombai Auto, pass 3 of 3
Claude CodeOpus 5$11.30
Client Overview, built using Opus 5, pass 2 of 3
Client Overview, built using Opus 5, pass 3 of 3

Client Overview, example 1 of 4

A design gallery for you and your agent

Explore 20,000+ free standout UI designs to reference as you build with Kombai or any other AI agent.

What builders are saying

Loved by devs and designers who ship standout 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.
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.
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.
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 use Kombai alongside my existing coding agent?
Yes. Many people start with Kombai alongside Cursor, Claude Code, or Codex for design-heavy frontend tasks. Kombai also has a complete frontend coding agent built in, so you can explore designs, implement them, and review and merge the code, without switching tools.
How does Kombai produce different results with the same AI models?
Kombai's taste agent develops a design approach for your task, while its context tools identify the components, styles, and code patterns your product already uses. The canvas and editable browser let you compare and refine the result. Those choices help the same model produce a very different outcome.

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.