Skip to main content
Kombai logo

Kombai

Front-end code generation from designs, plus a free gallery of 20,000 UI examples

Editorially reviewedChecked Sep 2026How we review
design#design to code#ui library#figma#front-end
Free plan Teams Browser extension
Toolglade’s take

The gallery is the standout and it is genuinely free, which is unusual for something this useful. Twenty thousand categorised UI examples with copy-paste prompts that work in any coding agent is a real resource, and offering it unlocked is a smart top-of-funnel move rather than a bait. The core product sits in a competitive design-to-code space where output quality varies by design hygiene, so evaluate on your own Figma files rather than on demos. Credit-based pricing needs forecasting: 2,000 credits on Pro is meaningful only once you know your own consumption rate. Customer logos listed include large enterprises, though that is vendor-stated.

About Kombai

Kombai generates front-end code from Figma designs and UI references, and offers Kombai Gallery, a free library of 20,000 plus curated UI designs with copy-paste prompts for any coding agent.

Kombai works on the design-to-code problem, generating front-end implementations from Figma files and UI references rather than from text prompts alone. It indexes external and private packages so generated code uses the components a team actually has, and supports shared rules and design systems on team plans. Kombai Gallery, launched in September 2026, is the part worth noting even if you never buy the product. It is a free, browsable library of more than 20,000 curated web and mobile UI designs organised by component type, from dashboards and hero sections to footers, each with a live preview and a pre-filled prompt. Crucially the prompts are not locked to Kombai; you can paste them into Claude Code or Cursor, which makes the gallery useful as a general-purpose UI reference for anyone building with agents. Paid plans are credit-based: Free at 300 credits per month, Pro at 20 dollars for 2,000 credits with no AI training on your data and SOC 2 compliance, Team at 40 dollars per user adding shared credit pools and package indexing, and a custom Enterprise tier with SSO, SAML, and audit logs.

Weighing your options?See how Kombai compares to the alternatives.

TL;DR

Kombai converts designs into front-end code and publishes a free library of 20,000 plus UI examples with prompts usable in any coding agent.

Company overview

Kombai builds design-to-code tooling for front-end development and launched Kombai Gallery in September 2026 as a free UI reference library.

The vendor lists enterprise customer logos including Adobe, Microsoft, Deloitte, Intuit, BrowserStack, and ByteDance.

Product features

The product generates front-end code from Figma designs and UI references, indexes external and private packages so output uses real components, and supports shared rules and design systems on team plans.

Kombai Gallery provides more than 20,000 curated web and mobile UI designs by component type, each with a live preview and a pre-filled prompt compatible with Kombai, Claude Code, and Cursor.

Target market

Front-end developers and product teams working from Figma, plus any developer building UI with coding agents who needs concrete visual references.

Buyer personas

End users

Front-end developers implementing designs.

Buyers

Engineering and design system leads.

Key influencers

Design-to-code and agent tooling communities.

Ideal customer profile

A front-end team working from Figma with an established component library that wants generated code to use its own components.

Funding & performance

Not stated on the vendor site; verify via public sources.

Pros & cons

Pros

  • Gallery is free forever with 20,000 plus curated designs
  • Gallery prompts work in Claude Code and Cursor, not just Kombai
  • Indexes external and private packages for accurate components
  • Shared rules and design systems on team plans
  • No AI training on your data from the Pro tier
  • SOC 2 compliance and SSO or SAML on Enterprise
  • Free product tier with 300 monthly credits

Cons

  • Credit pricing requires usage forecasting
  • Output quality depends on design file hygiene
  • No public API documented
  • Team plan is capped at 20 seats
  • Not self-hostable

Pricing plans

Free
$0 / month
  • 300 credits per month
  • 50 credits daily
  • Credit rollovers up to 0.5x
  • Community support
  • Kombai Gallery access
Pro
$20 / month
  • 2,000 credits per month
  • Credit rollovers up to 5x monthly
  • No AI training on your data
  • SOC2 compliance
  • Email support
Team
$40 / month
  • Per user, up to 20 seats
  • Index external packages
  • Shared rules and commands
  • Shared credit pool
  • Team usage analytics
Enterprise
Custom
  • Custom context engine
  • SSO and SAML
  • Audit logs
  • Custom SLAs
  • Onboarding services

Key features

Browser extension
Team collaboration
Integrations
Figma, Storybook, Git, MCP, Claude Code, Cursor
Input types
image, text
Output types
code
Best For
figma to front-end code, ui reference library, agent-ready ui prompts

Compare key features

View all alternatives →
Feature
Kombai
Claude
Gemini
Pricing
Freemium
Freemium
Freemium
Free plan
Yes
Yes
Yes
Free trial
No
No
No
API
No
Yes
Yes
Team support
Yes
Yes
Yes

Frequently asked questions

Is Kombai Gallery free?+

Yes. The gallery of more than 20,000 UI designs is free, described as free forever for agents and humans.

Do the gallery prompts only work in Kombai?+

No. Each entry carries a prompt you can paste into Kombai, Claude Code, Cursor, or another coding agent.

What does Kombai generate?+

Front-end code from Figma designs and UI references, using components from packages it has indexed.

How is it priced?+

By monthly credits, with a free tier at 300 credits, Pro at 20 dollars for 2,000 credits, and Team at 40 dollars per user.

Does Kombai train on my data?+

The Pro tier and above state no AI training on your data.

Reviews

Write a review

Pick a rating
Loading reviews…
Compare

Compare Kombai with other AI tools

Side-by-side pages for pricing, features, and best-fit use cases.

All comparisons →

Similar tools you may like