Skip to main content

Standout designs,
built with taste

Generate distinctive websites and product UIs for your design tasks. Explore design directions, refine the details, and build in your repo.

Move beyond AI defaults

Design decisions tailored to your task

Kombai’s taste agent considers the purpose of your design when choosing its structure, hierarchy, visual style, and motion. The result is a distinctive design that goes beyond familiar AI defaults.

Use curated inspirations or bring your own

Let Kombai find relevant references from its curated library of 20K+ design inspirations. Or bring your own references like a website, image, design.md, Figma design, and more.

Build your design system

Create a reusable design system that defines your product’s colors, typography, spacing, and more. Kombai uses it to generate new designs that look and feel like part of your product.

Generate stunning assets inside your designs

Get beautiful images and videos for your designs with leading models like Seedance, GPT Images, Veo, and more.

Explore and iterate faster

Compare different creative directions

Try several design approaches for your task and compare them side by side on the canvas. Explore different layouts, visual styles, and interactions, then choose the one you want to build.

Iterate faster with the agent

Describe the changes you want and let Kombai update the design on the canvas. Try different ideas before spending time implementing them in your app.

Make precise edits

Edit text, colors, spacing, and layout directly on the canvas. Make small adjustments yourself without waiting for another agent pass.

Versions for all screens & modes

Generate versions optimized for different screens or light/dark modes. Send them to the agent for bulk updates or code generation.

Design with the agents and models you already use

Run your agent inside Kombai

Use your existing Claude Code or Codex subscription to design inside Kombai. Switch agents in the same chat and continue with the context from earlier work.

Work with Kombai inside your coding agent

Use the Kombai MCP server to delegate design work from Claude Code, Codex, or Cursor. Ask your agent to create, refine, and read designs on the Kombai canvas.

Choose a model or use the router

Pick a model for your task, or let Kombai's built-in router choose for you.

Build, share, and keep moving

Code your final design

Select a complete design or a single element and have Kombai implement it in your project.

Organize and version your work

Keep canvas files in your project folders and use Git to track changes alongside your code.

Share designs and feedback

Share editable canvas files with teammates. Add comments to designs and notes to the canvas to explain ideas and discuss changes.

Export your designs

Save designs as PNG or HTML. Include local assets with your HTML export to keep the files together.

Questions?
We've got answers.

How is this different if I already use the same AI models?
AI models repeat familiar design choices across unrelated tasks. Kombai’s taste agent identifies what your brief and product already define, draws on curated inspirations, and develops the remaining choices for your task.
Can I design a feature for an app that already exists?
Yes. Start with your repo or bring a running screen onto the canvas. Explore the new feature using your product’s visual language, then ask Kombai to implement the chosen design.
Are canvas designs already production-ready app code?
Canvas designs are editable HTML. Ask Kombai to implement a design in your app’s framework and conventions, then run the relevant checks and review the code before merging.
Do I need to replace my current coding agent?
No. Delegate work through Kombai MCP Server from your connected coding agent, or use Local Agents to run Claude Code or Codex inside Kombai.

Design something you’re excited to build.

Turn your ideas into distinctive websites and product UIs. Refine the details, then bring them to your codebase.