Your AI design engineer

Design + codeslopstandoutwebsites andproduct UIsDesign and code standout websites and product UIs, not slop.

Get Started

Download for Linux

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

I'll lock the visual direction first (inspiration, palette, type and layout), then build the page on canvas, leading with the work itself.

Fetched design inspirations

Generated images

Selected Colors & Visual Style

Chose Typography & Scale

Defined Layout & Spacing

Direction locked. I'll spawn a design subagent to build the services page on canvas.

Spawning 1 subagent...

Created: Lusion Studio - Services

2 refinement passes completed

The page is live on lusion-studio-services.canvas: the electric-blue hero with BRANDS BUILT TO BE HEARD and the poster shelf, all five services set as press-run rows with their SVC codes, spec columns and barcodes, and the week's-run rail closing the page with showcase work.

The shelf posters settle in with a slight scatter and tilt so the hero reads as a working wall, and the rail loops continuously through the showcase, easing to a pause on hover. Everything is ready to wire up to the intake flow.

Design

lusion-studio-services.canvas

Kombai

Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.

Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.

AI outputs often repeat generic design choices across very different tasks while missing the code patterns already decided in larger 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.

Designed to stand out. Built to fit in

• Setting the type scale From design system
• Checking accent contrast From WCAG
• Composing the hero section From inspirations
• Tuning hover interactions From repo
• Choosing the scroll reveals From inspirations

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.

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.

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

High creativity, even at a lower cost

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

Kombai Auto 19x cheaper ($0.60)

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.

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.

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.