Kombai
UnknownAI design and coding agent for production-ready frontend experiences.
Informations sur l’outil
Qu'est-ce que Kombai ?
Kombai is an AI design and coding agent for creating, editing, and shipping frontend experiences. It connects design work, frontend code, and rendered browser output so users can work across interfaces, codebases, design systems, and browser context.
Fonctionnalités principales
AI frontend coding agent
Generates and edits frontend code using context from the codebase, technology stack, and reusable components.
Visual canvas editor
Lets users edit rendered frontends directly, including text, styles, and layout.
Design generation and variation
Creates design directions, redesigns, and variations with generated videos, images, and animations.
Design system support
Supports importing or building design systems from code, Figma files, or webpages.
Codebase context and reuse
Builds semantic context across repositories, packages, and Storybook to reuse components, hooks, tokens, types, and constants.
Frontend stack best practices
Scans repositories and applies stated best practices for more than 400 frontend libraries.
Browser context
Can fetch browser data such as console and network information from an open tab and attach selected browser context to tasks.
Coding agent tools
Includes MCPs, parallel agent runs, web fetch, terminal access, custom commands, skills, plan mode, and debug mode.
Git-based canvas collaboration
Supports commit, branch, and merge workflows for canvas files, along with comments and notes.
Cas d'utilisation
- #1
Build production frontend pages
Create production-ready frontend interfaces using existing project code and design context.
- #2
Iterate on rendered UI
Select elements in a rendered frontend and update their text, CSS properties, or layout directly.
- #3
Reuse existing product components
Find and reuse components, hooks, tokens, types, and constants from repositories, npm packages, or Storybook.
- #4
Translate designs into frontend code
Work across canvas designs, code files, browser output, and Figma files in a synchronized workflow.
- #5
Improve interface sections
Use components, styles, or content from reference websites to improve selected parts of a page.
Plans tarifaires
The official homepage invites users to start for free, but plan and pricing details are not clearly published in the available source.
Alternatives
Foire aux questions
What is Kombai?
What can Kombai do?
Can Kombai work with existing codebases?
Does Kombai support Figma?
Does Kombai integrate with Storybook and npm?
Does Kombai offer a free plan?
Kombai Contacts et réseaux sociaux
- Assistance
- Site Internet :
- Twitter
- YouTube
- LinkedIn
Avis
Partagez votre expérience avec cet outil...
