IA pour le design.Vos agents dessinent l'interface, dans le fichier.
Dans Kite, le design IA veut dire qu'un agent écrit du HTML et du CSS dans le fichier partagé : pas une discussion autour d'une maquette, ni l'image d'un écran. Kite est le canevas. Claude, ChatGPT, Cursor ou n'importe quel client MCP dessine pendant que votre équipe modifie les mêmes frames. Il n'y a pas de modèle de design à part à payer.
Comment un agent conçoit une interface.
Ouvrez un fichier, connectez un client, donnez-lui le design system, puis la première modification et un commentaire.
1. Ouvrez un fichier
Créez un fichier, ou demandez à l'agent d'en créer un. Il travaille avec vos droits : il peut ouvrir et modifier ce que vous pouvez, rien de plus. L'équipe voit le travail en direct et peut le modifier juste après.
2. Connectez un client MCP
Chaque outil se connecte une seule fois : dans Settings → Agents, dans le menu du fichier ou avec Ask your agent dans un nouveau fichier. La plupart demandent un clic, puis vous autorisez l'accès. Aucune clé à copier. Le serveur hébergé accepte n'importe quel agent, de n'importe où, avec OAuth. Kite pour Mac fait tourner un serveur local pour Claude Code, Codex, Cursor et Claude, sans connexion à faire.
3. Donnez-lui le design system
Avant de dessiner, l'agent lit les variables, les styles et les skills du fichier, et écrit var(--name), modes clair et sombre compris. Dans un fichier sans design system, l'agent fait ses propres choix. Choisissez-en un dans Assets, ou demandez à l'agent d'en créer un.
4. Demandez la première modification
Demandez-le dans l'app de l'agent, comme vous lui parlez déjà. Nommez le fichier, ou sélectionnez une frame pour que « ceci » désigne cette frame. Il dessine morceau par morceau. La frame s'illumine, une étiquette indique qui crée, et les calques sont des calques ordinaires que vous pouvez modifier ou annuler. Les agents ont 59 outils pour lire, dessiner, modifier et vérifier leur propre travail.
5. Confiez-lui une tâche en commentaire
Épinglez un commentaire sur la frame et tapez @ pour mentionner votre agent. Il lit le commentaire, la frame et le calque que vous avez cliqués. Le fil affiche Waiting for, puis is working, puis Done by. Dans le navigateur, la demande attend que vous disiez à l'agent « do my Kite requests » dans son app.
Pas un générateur d'images.
Ces quatre outils génèrent un écran et le facturent. Kite garde l'agent dans le fichier. Chaque case vient de la documentation de l'outil, à date d'octobre 2026.
| Fonction | Kite | Uizard | Google Stitch | Wonder | MagicPath |
|---|---|---|---|---|---|
| Quels agents | Claude, ChatGPT, Cursor, Codex ou n'importe quel client MCP | Sa propre IA uniquement | Oui, n'importe quel agent MCP ; Gemini génère | Oui | Oui |
| Ce que les agents savent faire | 59 outils : les agents lisent, dessinent, modifient et vérifient leur propre travail | Aucun moyen de connecter des agents | Oui, via des prompts à Gemini | Oui | Oui |
| Crédits IA | Aucun : votre agent fonctionne avec l'abonnement que vous payez déjà | Générations | Crédits quotidiens | Tokens IA, 20 $ par place et par mois | Oui, avec des packs |
| Limites pour les agents | 200 actions d'agent par jour sur Free ; illimitées sur Pro | Générations | Crédits quotidiens | MCP illimité ; tokens pour le chat IA | 50 appels gratuits par semaine |
| Offre gratuite | Éditeurs et lecteurs illimités, et 3 fichiers, gratuitement | Oui, 3 générations par mois | Gratuit, avec une limite de crédits quotidienne | Oui, avec des tokens de chat IA limités | 20 crédits par jour, jusqu'à 120 par mois |
| Figma | Collez depuis et vers Figma, ou importez un fichier entier avec son lien | Importer | Import et export | Importer | Import et export |
Pour comparer avec Figma, lisez Alternatives à Figma. Chaque outil a sa propre page dans Comparer, y compris paper.design.
Réponses courtes.
Ce qu'est l'IA pour le design, quels agents, et si vous payez deux fois.
Qu'est-ce que l'IA pour le design d'interface ?
C'est un agent qui écrit l'interface dans le fichier partagé. Dans Kite, il écrit du vrai HTML et CSS sur le canevas que votre équipe modifie, et vous voyez le travail arriver. Ce n'est pas un chat qui décrit une maquette, ni un générateur qui vous rend l'image d'un écran.
Quels agents peuvent concevoir des interfaces dans Kite ?
Claude, ChatGPT, Cursor, Codex et n'importe quel autre client MCP. Ils passent par le serveur hébergé, avec une connexion OAuth, ou par le serveur local de Kite pour Mac. Les étapes de chaque client sont dans la documentation.
Est-ce que je paie deux fois ?
Non. Kite n'a ni modèle à lui ni crédits IA. Votre agent fonctionne avec l'abonnement que vous payez déjà. Uizard compte les générations, Google Stitch a une limite de crédits quotidienne et Wonder facture 20 $ de tokens IA par place et par mois. Ce sont des compteurs à part. Kite n'en ajoute aucun.
Vos questions. IA pour le design, agents et MCP.
Qu'est-ce que l'IA pour le design d'interface ?
C'est un agent qui écrit l'interface dans le fichier partagé. Dans Kite, il écrit du vrai HTML et CSS sur le canevas que votre équipe modifie, et vous voyez le travail arriver. Ce n'est pas un chat qui décrit une maquette, ni un générateur qui vous rend l'image d'un écran.
Quels agents peuvent concevoir des interfaces dans Kite ?
Claude, ChatGPT, Cursor, Codex et n'importe quel autre client MCP. Ils passent par le serveur hébergé, avec une connexion OAuth, ou par le serveur local de Kite pour Mac. Les étapes de chaque client sont dans la documentation.
Est-ce que je paie deux fois ?
Non. Kite n'a ni modèle à lui ni crédits IA. Votre agent fonctionne avec l'abonnement que vous payez déjà. Uizard compte les générations, Google Stitch a une limite de crédits quotidienne et Wonder facture 20 $ de tokens IA par place et par mois. Ce sont des compteurs à part. Kite n'en ajoute aucun.
Comment connecter un agent ?
Dans Settings → Agents, ou avec Connect an agent dans le menu du fichier. Choisissez l'outil et autorisez l'accès. Aucune clé à copier. Kite pour Mac ajoute Claude Code, Codex, Cursor et Claude en un clic, sur un serveur local. Le serveur hébergé sert à n'importe quel client MCP, de n'importe où, avec OAuth.
Un agent peut-il suivre notre design system ?
Oui. Il lit les variables, les styles et les skills du fichier avant de dessiner, et écrit var(--name) plutôt que des valeurs isolées, modes clair et sombre compris. Avec Build with components activé, un élément qui se répète est dessiné une fois en composant, puis copié.
Comment fonctionne une tâche en commentaire ?
Épinglez le commentaire là où le changement doit se faire et mentionnez votre agent avec @. Le commentaire affiche Waiting for, puis is working, puis Done by. L'agent lit le commentaire et la frame. Dans le navigateur, dites-lui « do my Kite requests » dans son app et il traite chaque demande en attente.
En quoi est-ce différent d'un outil qui génère une interface à partir d'un prompt ?
Un outil prompt-vers-interface génère un écran et facture cette génération. L'IA d'Uizard ne peut pas être remplacée par la vôtre, et la version gratuite donne 3 générations par mois. Avec Google Stitch, les agents envoient des prompts à Gemini, avec une limite de crédits quotidienne. Les vecteurs de Wonder sont des SVG faits par IA sans édition de points, plus 20 $ de tokens par place. Dans Kite, l'agent continue de modifier le même HTML et CSS, à côté de votre équipe, sans crédits IA.
Combien coûte Kite ?
Gratuit pour commencer : éditeurs et lecteurs illimités, un espace de travail avec 3 fichiers et 200 actions d'agent par jour. Pro coûte 20 $ par éditeur et par mois, ou 16 $ en facturation annuelle. Team coûte 35 $, ou 28 $ en facturation annuelle. Pas de crédits IA : votre agent fonctionne avec l'abonnement que vous payez déjà.
Vous et vos agents, sur un même tableau.
Dans votre navigateur, ou dans Kite pour Mac. Venez avec l'agent que vous utilisez déjà, sur l'abonnement que vous payez déjà.