Et si votre agent IA travaillait directement dans votre maquette ? C’est le principe de Kite, un outil de design qui réunit dessin visuel et code sur un même canevas. Les interfaces reposent sur du HTML et du CSS : vous pouvez ajuster une composition à la main, puis confier certaines modifications à un agent connecté au fichier.
Du canevas aux composants
Kite s’adresse aux designers et aux développeurs qui construisent des interfaces et des systèmes graphiques. Mises en page Flex et Grid, composants avec variantes, variables à plusieurs modes, formes vectorielles et styles de texte permettent d’organiser un projet au-delà d’un simple écran.
La connexion aux agents passe par MCP, un protocole qui leur permet de lire et de modifier les fichiers. Kite propose aussi des exports en image, SVG ou PDF, ainsi que la copie de code HTML, React ou Tailwind. Le service fonctionne dans le navigateur avec un compte ; des applications Mac et Windows sont également disponibles.
Un pont vers Figma encore incomplet
Le copier-coller depuis Figma reprend des cadres, du texte, des formes et des composants. La connexion Figma attend toutefois l’approbation de l’application et reste indisponible pour la plupart des comptes : les images peuvent apparaître sous forme de blocs gris et l’import d’un fichier complet par lien est concerné.
Dans le sens inverse, les calques restent modifiables, mais les composants deviennent des cadres ordinaires et les couleurs du système sont aplaties. Certains masques et réglages d’image ne suivent pas. Kite demande donc de la prudence si votre travail repose sur des allers-retours fidèles avec Figma.
Trois fichiers pour commencer
L’offre gratuite comprend un espace, trois fichiers et 200 actions d’agent par jour, avec éditeurs et lecteurs illimités. Pro coûte 20 USD par éditeur et par mois, ou 16 USD par mois avec facturation annuelle. Il ajoute des fichiers, espaces et actions illimités, ainsi que l’historique des versions.
Kite ne facture pas de crédits IA pour ces connexions, mais l’abonnement ou le service utilisé par votre agent reste à votre charge. Les fichiers sont stockés en ligne, privés dans l’espace tant qu’ils ne sont pas partagés selon l’éditeur. Un agent autorisé pouvant modifier les fichiers et leurs accès, le choix de ses permissions fait partie de la configuration du projet.
L’intérêt de Kite tient à cette collaboration dans le fichier visuel lui-même. Pour situer cette approche parmi les outils de conception d’interfaces, découvrez aussi Figma et Penpot.
Pour aller plus loin : offres Kite, compatibilité Figma, connexion des agents et confidentialité.
