Home/AI Design/Kombai
K
Kombai logo

Kombai

Updated: Sep 8, 2026

Design distinctive websites and product UIs that don't look like AI slop, then ship production-ready frontend that reuses your repo's components, tokens, and design system.

Kombai

About Kombai

Overview

Kombai is an AI design engineer that helps you design and code standout websites and product UIs that don't look like "AI slop". It combines a taste agent that makes high-quality design decisions for each task with context tools that reuse your existing design system, stack, tokens, and components.

Kombai is available as a desktop app and an IDE extension for macOS, Windows, and Linux, with 500K+ installs. It works inside VS Code, Cursor, and other popular IDEs and supports any stack of your choice.

Key Benefits

  • Designs that stand out: a taste agent makes high-quality design choices instead of resorting to AI defaults.
  • Code that fits in: reuses components, tokens, and hooks from your repo, npm package, or Storybook in new work.
  • Explore and iterate faster with parallel agents running on one or many infinite canvases.
  • Ship production-ready code in your real repo, then refine the result in an editable browser.
  • Pick from 50+ models or let Kombai's built-in router choose the best fit for each task.

How It Works

Kombai's taste agent identifies the important design decisions needed for each task and makes high-quality choices instead of using AI defaults. You explore designs on an infinite canvas, run parallel agents, and precisely edit text, styles, and layout of any element. In Code mode, Kombai generates production-ready code that fits your stack, then refines the result in an editable browser.

Use Cases

  • Design engineers build distinctive landing pages and product UIs without generic AI patterns.
  • Product teams try different creative ideas on canvas before they touch production code.
  • Developers generate production-ready frontend that reuses existing components and design tokens.
  • Teams generate images, videos, and animations to elevate their designs with asset models.

Why Choose This Product

Kombai combines design and code in a single loop. It draws inspiration from 20k+ curated pages and sections while following the design and code decisions already made in your repo, Figma, or Storybook. It has built-in documentation and best practices for 400+ frontend libraries and remembers your design system across new work.

Kombai Pros & Cons

Strengths
  • Free plan with 300 credits per month
  • Runs on macOS, Windows, Linux and major IDEs
  • Reuses repo components, tokens, and hooks via Context Graphs
  • Native Figma design import
  • 50+ models with a built-in model router

Kombai Pricing

View full pricing →
Free
Free/mo
  • 300 credits per month
  • 150 credits on sign-up
  • 50 credits daily top-up
  • Credit rollovers up to 0.5x
Most popular
Pro
$20/mo
  • 2,000 credits per month
  • Credit rollovers up to 5x monthly
  • Email support
  • No AI training on your data
  • SOC2 compliance
Team
$40/mo
  • 2,000 credits per user per month
  • Up to 20 seats
  • Index external packages
  • Shared rules and commands
  • Shared credit pool for all users
  • Unlimited credit rollovers
  • Centralized billing and management
  • Team usage analytics
Enterprise
Custom
  • Custom context engine
  • Dedicated support
  • SOC2 compliance
  • Onboarding services
  • Custom SLAs
Compare plans
Feature
Free
Free/mo
Pro
$20/mo
Team
$40/mo
Enterprise
Custom
300 credits per month
150 credits on sign-up
50 credits daily top-up
Credit rollovers up to 0.5x
2,000 credits per month
Credit rollovers up to 5x monthly
Email support
No AI training on your data
SOC2 compliance
2,000 credits per user per month
Up to 20 seats
Index external packages
Shared rules and commands
Shared credit pool for all users
Unlimited credit rollovers
Centralized billing and management
Team usage analytics
Custom context engine
Dedicated support
Onboarding services
Custom SLAs
Team cost calculator
TeamBest for 5
$200/mo
$2,400/yr

Estimate based on listed per-seat pricing. Volume discounts and add-ons may apply.

Pricing extracted from the product website and may change. Check the source for current details.

Frequently asked questions about Kombai

Does Kombai have a free plan?

Yes. Kombai offers a free plan with 300 credits per month that you can use perpetually, or upgrade to paid plans starting from $20 per 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 from these IDEs' marketplaces or download it from the Open VSX Registry.

Does Kombai generate designs or working code?

Both. In Design mode it generates standalone designs on canvases, and in Code mode it creates production-ready code in your codebase using your stacks and coding patterns.

Can I import designs from Figma?

Yes. Kombai has a native Figma integration that parses complex design files, fixes issues like messy grouping and invisible layers, and extracts icons and assets. No MCP needed.

Can I use it with my existing codebase?

Yes. Kombai works as an IDE extension inside your codebase, understands it, and generates code that fits natively. It can also reuse components, hooks, utilities, and design tokens from npm packages and storybooks via Context Graphs.

What stack does Kombai work with?

Kombai works with any stack of your choice. It scans your repo, understands and remembers your stack, and auto-applies built-in documentation and best practices for 400+ frontend libraries for relevant coding tasks.

How Kombai compares

 
Kombai logo
KombaiThis
Starting priceFreeFreeFreeFree
Pricing modelFreemiumFreemiumFreemiumFreemium
PlatformsmacOS, Windows, LinuxWebWebWeb
Top features
  • Lottie animation editor
  • Figma & After Effects imports
  • GIF & MP4 export
  • Code-backed components
  • AI Component Creator
  • Advanced interactions
Rating