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.

We're adding new marketing design services: Posters & key art, Social & paid ads, Decks & one-pagers, Brand refresh kits and Motion & display. Design a new page that showcases our creations prominently using examples from showcase.

Escape LLM defaults with built-in taste

Memorable designs, crafted with taste

Kombai builds a unique creative direction for each design, drawing from a curated library of references. So you get standout results, not generic AI defaults.

From codebase to rendered UI

Kombai builds Context Graphs for a deep, semantic understanding of your codebase. Then, it reuses appropriate components, hooks, tokens, types, etc., wherever they live.

One synced loop, across canvas, repo and browser

Your designs, code, and rendered UI all live together in your repo and IDE. Edit any one of them, and the rest update in a click.

Developer Love

Questions?
We've got answers.

What is Kombai?
Kombai is an all-in-one agent for building world-class frontends. It creates tasteful designs on an infinite canvas, codes using best-practices of your stack and repo, and offers a visual editor for your rendered UI.
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.

Try Kombai Now

Kombai is a domain-specialized design and coding agent that builds world-class Frontends. Build beautiful, production-ready UXs with all frontend specific skills, context, features and tools today.