Kombai
Kombai · Programmation
Kombai est un agent de design frontend IA qui explore des interfaces sur un canevas, puis écrit du code de production dans votre propre dépôt.
À propos de Kombai
About
Qu'est-ce que Kombai
Kombai est un agent d'ingénierie de design pour le travail frontend. Il occupe deux endroits à la fois: un canevas infini où vous testez des mises en page, et votre base de code, où il écrit des composants cohérents avec ce que vous livrez déjà. C'est là que se joue la différence. Presque tous les outils de code assistés par IA partent d'un prompt et rendent un fichier, alors que Kombai part d'une décision de design et finit sur un diff que vous pouvez relire.
L'entreprise a démarré avec un outil de conversion Figma vers code, puis a reconstruit le produit autour d'une couche de jugement maison, le taste agent. Cette couche choisit la structure, la typographie, les espacements et les animations pour chaque tâche, au lieu de répéter les réglages par défaut de l'IA. Kombai mesure l'écart sur son propre Design Creativity Bench, où il annonce jusqu'à 13 points de pourcentage d'originalité en plus et 23 points d'amplitude créative. Ce sont des chiffres de l'éditeur, à lire comme une affirmation commerciale.
En tant qu'outil de design UI IA, il donne le meilleur quand il a quelque chose à suivre. Un dépôt, un design system, un Storybook ou un fichier Figma donnent des contraintes réelles à l'agent, et le résultat se rapproche de la production. Les projets partis de zéro fonctionnent aussi, mais vous passez plus de temps à corriger la trajectoire. L'autre limite tient au format: une application de bureau et une extension d'IDE, sans version qui tourne uniquement dans le navigateur.
Premiers pas
- Téléchargez l'application pour Windows, macOS ou Linux, ou installez l'extension depuis la place de marché de VS Code, Cursor, Antigravity, Trae ou Kiro.
- Connectez-vous, puis ouvrez un dossier de projet pour que Kombai lise vos composants, vos tokens et vos fichiers de dépendances.
- Importez un fichier Figma ou décrivez l'écran voulu, et laissez le routeur automatique choisir le modèle, ou prenez-en un vous-même.
- Ajustez le résultat sur le canevas ou dans Kombai Browser, générez le code et relisez le diff avant de fusionner.
Informations sur le produit
Aperçu des tarifs, des plateformes compatibles et des performances de Kombai.
Idéal pour
Les utilisateurs, tâches et cas d'usage où cet outil convient le mieux.
Utilisateurs
- Développeurs frontend
- Designers produit
- Petites équipes produit
Tâches
- Convertir des écrans Figma en composants React
- Monter des pages d'atterrissage et des sections marketing
- Restyler une page selon le design system
- Vérifier un parcours utilisateur avant fusion
Cas d'usage
- Un sprint de refonte avec une échéance serrée
- Votre première semaine dans un code inconnu
- Le polissage hebdomadaire de l'interface
Fonctionnalités clés
Mode design sur un canevas infini
Kombai s'ouvre sur un canevas, pas sur une boîte de chat. Vous posez les écrans côte à côte, modifiez texte, espacements et mise en page à la main, et demandez des variantes quand une piste s'essouffle. Tout reste en HTML vivant, avec états et animations, donc ce que vous comparez ressemble à ce qui part en production.
Code de production dans votre dépôt
Le mode code écrit dans votre projet, pas dans un bac à sable. Kombai lit votre framework, vos schémas de composants et l'arborescence, puis applique les pratiques connues de plus de 400 bibliothèques frontend. Le résultat arrive sous forme de diff relisible, ce qui compte si votre équipe impose une revue avant intégration.
Context Graphs et mémoire du design system
Les Context Graphs indexent composants, tokens, hooks et utilitaires, y compris les paquets npm privés et les stories Storybook. L'agent réutilise ce qu'il trouve au lieu d'écrire une deuxième version d'un bouton qui existe déjà. Avec le temps, les décisions mémorisées gardent les nouvelles pages alignées sur les anciennes.
Import Figma natif
Les fichiers Figma entrent par une intégration directe, sans serveur MCP au milieu. Kombai interprète les fichiers complexes et répare les problèmes courants, comme les groupes imbriqués qui écrasent les espacements ou les calques qui n'auraient jamais dû apparaître. Icônes et assets suivent avec la mise en page.
Navigateur éditable et tests automatiques
Kombai Browser affiche votre frontend et vous laisse modifier textes, styles et mise en page de façon visuelle. Ces retouches reviennent dans le code, puis l'agent parcourt les parcours utilisateur seul pour repérer les états cassés. La boucle est rapide pour les dix derniers pour cent d'une page, souvent la partie lente.
Sélecteur de plus de 50 modèles
Kombai embarque un agent IA pour frontend capable d'appeler des modèles de Claude, GPT, Grok, Kimi et d'autres, plus un routeur qui associe le modèle à la tâche. Vous pouvez réserver un modèle puissant aux décisions de mise en page et un moins cher aux composants répétitifs. La génération d'images, de vidéos et d'animations passe par Veo, Seedance et Nano Banana.
Avantages et inconvénients
Avantages
- Le code généré réutilise vos composants et vos tokens, donc les commentaires de revue portent sur des détails plutôt que sur la structure.
- L'import Figma encaisse de vrais fichiers, y compris les groupes en désordre qui bloquent les convertisseurs plus simples.
- Design, code et tests navigateur vivent dans une seule application, ce qui supprime presque tous les changements d'outil.
- Plus de cinquante modèles et un routeur donnent une prise directe sur le coût et la qualité de chaque tâche.
- L'offre gratuite suffit pour évaluer, et les formules payantes ajoutent la conformité SOC 2 et la promesse de ne pas entraîner de modèle sur vos données.
Inconvénients
- Les crédits partent vite en exploration intensive, et les packs supplémentaires se paient en plus de l'abonnement.
- Il n'existe pas d'option uniquement web, donc un Chromebook ou une machine verrouillée reste à la porte.
- Les petits projets partis de zéro profitent moins du contexte, faute de design system à réutiliser.
- Les commandes terminal et les tests navigateur demandent encore une relecture humaine avant la production.
Questions fréquentes
Il conçoit et code des interfaces frontend. Vous explorez des mises en page sur un canevas, puis l'agent rédige du code de production dans votre dépôt avec vos composants et vos conventions. Il modifie aussi la page en cours dans un navigateur intégré et teste les parcours.
Contenus associés
Découvrez des outils, des compétences et des articles liés à Kombai.
Alternatives à Kombai
Base Code
Base44 (Wix) · Programmation · ProductivitéBase Code est un environnement de développement cloud partagé signé Base44. Votre équipe décrit des modifications sur un dépôt GitHub dans le chat, les vérifie en aperçu et les renvoie sous forme de pull requests.
Google EmbeddingGemma 2
Google DeepMind · Rédaction · Image · ProgrammationGoogle EmbeddingGemma 2 est un modèle ouvert de 740 millions de paramètres qui transforme texte, code, images, audio et images vidéo en vecteurs d'un même espace de 768 dimensions, sur un téléphone ou un ordinateur portable.
GitGlow
GitGlow · Programmation · ProductivitéGitGlow est un client Git de bureau qui place votre code et les modifications de vos agents IA dans une même revue, pour savoir ce qui quitte votre machine avant de livrer.