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.

Demo

Escape LLM defaults with built-in taste

Memorable designs, crafted with taste

Start with built-in creative 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.

Generate stunning videos, images, and animations

Get assets that elevate your design, with the latest models like Veo, Seedance, Nano Banana, and more. Turn on high creativity for rich visuals and expressive animations.

Build & use your design systems

Keep designs consistent at scale. Import your existing design system, or build one from your code, Figma files, or any webpage.

Explore redesigns and variations

Reimagine the whole design or tweak a part. Use presets like "soften colors" or "adjust density," or just describe what you want.

Make precise edits

Don’t turn every small tweak into another prompt. Select any element on canvas to directly edit its text, styles, or layout.

Code that understands your codebase

Consistent reuse from repo, packages, and Storybook

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

Best practices for your stack, always on

Kombai scans your repo, learns your whole stack, and applies human-tested best practices for 400+ frontend libraries across every task.

Everything you expect from an agent

Use MCPs, parallel agent runs, web fetch, terminal access, custom commands, and more. The familiar capabilities of a complete coding agent are all here.

Specialized for frontend work

Built-in skills library, native Figma parsing, specialized plan and debug modes and more - Kombai is tuned for the frontend work general-purpose agents tend to fumble.

A visual editor for your rendered frontend

Edit text, styles, and layout

Click any element to quickly update its text or CSS properties. Use design tokens from your repo, or switch to a DevTools-like UI to edit raw CSS.

Use specific parts from a reference

Pull in components, styles or content from any website to improve specific parts of your page.

Full browser data, available on demand

Whenever needed, Kombai can fetch relevant browser data like console, network, and more from any open tab.

Send precise browser-context to Kombai

Attach the exact elements, snips, or edits you want Kombai to work with. Code references, screenshots, and browser data come along automatically.

One synced loop, across canvas, repo and browser

Canvas, code, and browser: together, without the handoff

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.

Design = Code

Kombai creates canvas designs as HTML blocks. So you get the full power of code, including rich animations and direct visual edits, right in the canvas.

All your context, available for every task

Reference any element from your design canvas, code files, npm packages, Storybooks, or Figma files for any task.

Collaborate on canvas. Manage with Git.

Track and collaborate on designs just like code. Commit, branch, and merge .canvas files. Add comments and notes right inside them.

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.