Se connecter

Vos agents créent à vos côtés, sur un même tableau : écrans, sites et marques, faits ensemble.

Télécharger pour MacCommencer à créer
L'éditeur de Kite, où Claude conçoit Lumen, une app de streaming, sur le tableau

Venez avec vos propres agents. Claude, Cursor, ChatGPT ou n'importe quel client MCP, sans clé à copier.

Pensé pour la façon dont les agents créent. Votre système lu avant chaque tracé, des demandes en commentaire, un vrai éditeur et les outils que vous utilisez déjà.

  • Billing

    LayersAssets

    Pages

    Components

    Screens

    Layers

    Components

    Balance

    Type

    Sidebar

    Choice

    Palette

    Form

    Overview

    Checkout

    Components

    Balance

    $1,200.35

    Payment$30.32

    DueAug 9th

    Pay
    Aa123#&!RegularMediumHeavy
    CompanyCalifornia
    638 × 400

    Un design, n'importe quel systèmeVotre agent dessine avec les variables du système, pas avec des valeurs figées. Changez de système, ou modifiez une seule valeur, et chaque frame dessinée avec suit.

  • Votre design system. Lu avant chaque tracé. Couleurs, typographie et espacements en variables, vos éléments en composants, les règles en mots simples en skills. Les agents lisent tout avant de dessiner, pour que leur travail ressemble au vôtre, et pas à celui de tout le monde.

    Systèmes de design
  • Des composants placés, pas redessinésCréez un élément une fois, avec ses variantes. Les agents posent des copies qui le suivent, au lieu de dessiner une nouvelle carte.
  • Clair et sombre, un seul jeuUne variable garde une valeur par mode. Passez une frame en sombre et chaque couleur dessinée avec elle suit.
  • Des skills, en mots simplesLe style de la marque, un garde-fou, la façon de faire les posts. Les agents suivent les skills qui correspondent à la tâche.
  • Une bibliothèque pour tous les fichiersPubliez les composants d'un fichier dans l'espace de travail. Leurs copies, dans chaque fichier, suivent quand vous mettez à jour.

  • Around · Checkout

    Balance

    $1,200.35

    Payment$30.32

    DueAug 9th

    Pay
    $500.00Remaining balanceRecommended$250.00Half now, half next monthContinue
    Claude

    @Claude make this a checkout: a Pay button under the balance, a Continue under the options, both in the system's primary

    Run with Claude Code when sent

    Loukmannow

    @Claude make this a checkout: a Pay button under the balance, a Continue under the options, both in the system's primary

    Claude is working…Done by Claude

    Claudenow

    Done: Pay under the dues and Continue under the options, both the system's primary at its radius, 32 high, full width.

    Demandez en commentaire, c'est faitMentionnez votre agent sur la frame et envoyez. Dans Kite pour Mac, il démarre aussitôt avec Claude Code ou Codex, fait le travail et répond dans le fil.

  • Laissez un commentaire. Votre agent s'en charge. Épinglez un commentaire là où le changement doit se faire et mentionnez votre agent. Il lit la frame et le calque que vous avez cliqués, fait le travail et répond dans le fil.

    Commentaires

  • do my Kite requests

    3 requests waiting, oldest first.

    • Make the balance a checkout
    • A phone version of this screen
    • Try a warmer hero photo

    Done, each answered in its thread.

    Traite mes demandes KiteDans le navigateur, les demandes attendent sur leurs commentaires. Dites-le à votre agent et il les traite une par une.

  • $500.00Remaining balanceRecommended$250.00Half now, half next monthContinue
    ChoiceFirst one on, with the chip.
    Button under it?

    Des notes sur le tableauLes notes adhésives et les annotations sont posées à côté du travail. Les agents les lisent, et laissent les leurs.

  • Around

    LayersAssets

    Pages

    App

    Website

    Layers

    Covers

    Speakeasy bars

    Best rooftop bars

    Tasting menus

    Profile

    Guide

    Covers

    308 × 144

    Profile

    Loukman Nacik@loukman · 3 guidesFollow
    100%Share
    CoversStack

    Frame

    W308H144

    Flex

    →↓▦LoukmanGap12Loukman↔16↕16

    Fill

    colour/page

    Radius

    ◜18

    Effects

    Drop shadow

    Chaque valeur, au pixel prèsFaites glisser un espacement, une marge intérieure ou une taille, et la frame se réorganise au fil du geste. Vos agents règlent les mêmes champs, donc leur travail est aussi précis que le vôtre.

  • Un vrai outil de design. Pas une boîte à prompts. Flex et grid, composants, variables, une plume et une vraie typographie : tout ce que vous utilisez dans Figma est là. Et un design, c'est du vrai HTML et CSS, donc ce qu'écrit votre agent et ce que vous dessinez, c'est la même chose.

    L'éditeur
  • Flex, grid et contraintesLignes, colonnes et grilles avec des espacements réguliers. Changez une chose et le reste se décale pour faire de la place.
  • Plume, crayon et formesDessinez des tracés point par point ou à main levée, puis combinez-les, aplatissez-les et vectorisez leur contour.
  • Typographie, remplissages et effetsPolices et graisses, stylées mot par mot. Dégradés, remplissages d'image, ombres et flous.
  • Aperçu et historiqueVoyez une frame comme l'écran qu'elle sera. Enregistrez des versions et revenez à n'importe laquelle.

Des shaders, dans le fichier. Des fonds et des filtres dessinés en direct par le moteur de l'éditeur, avec leur propre grain et leur propre verre. Déplacez-en un ; dans Kite, vous le posez sur n'importe quelle frame.

Remplissages et effets
DuskFlow
NorthernAurora
SunsetBands
DawnMist
RisoMarble
Ink in waterSmoke
RibbonThreads
CandyCells

  • Fonctionne avec ce que vous avez. Figma, votre Mac et Chrome. Importez vos fichiers Figma et renvoyez des frames dans l'autre sens. Gardez Kite dans sa propre app, où une demande en commentaire s'exécute sur votre Mac. Copiez n'importe quelle page web depuis Chrome et collez-la en calques.

    Figma

  • Import from Figma

    figma.com/design/Around-AppImport

    • Create component
    • Copy
    • Copy/Paste as
    • Copy as PNG
    • Copy for agent
    • Copy to Figma
    • Copy as Tailwind

    Figma, dans les deux sensCollez des frames depuis Figma, ou importez un fichier entier avec son lien. Clic droit sur une frame, Copy to Figma, et elle se colle dans Figma en calques.

  • Claude finished your Kite requestnowIt answered on the comment.

    Kite pour MacUn onglet par fichier, une marque sur l'onglet où un agent travaille, et des demandes qui s'exécutent avec Claude Code ou Codex sur votre Mac. Il vous prévient quand elles sont terminées.

  • Frame 1000 × 372 · 9 layersEvery city,
    the places worth going.    Guides from people who've been.DownloadBrowse guides
    Select a sectionClick copy ⇧ Click several

    Kite Capture pour ChromePointez n'importe quelle page web, ou une partie, et cliquez. Collez-la dans Kite : elle arrive en frames, textes et images que vous pouvez modifier.

Un tableau, tous les curseurs

Fait à plusieurs mains.

Votre équipe et vos agents, chacun avec son curseur, dans un même fichier en même temps. Ce que l'un dessine, les autres le voient en direct, et chaque changement est un calque que vous pouvez reprendre et poursuivre.

Les détails, déjà là. Tout ce qu'il faut d'autre à un outil de design, des polices à l'historique des versions, pour que rien ne vous renvoie vers une autre app.

Documentation
  • Des agents connectés de partoutUn serveur MCP distant : Claude, ChatGPT ou Cursor se connectent en un clic depuis n'importe où, sans clé à copier.
  • Mettre à l'échelle, avec KRedimensionnez une frame et tout ce qu'elle contient suit : typographie, contours, coins et ombres. De 1440 à 720 d'un seul geste.
  • Un vrai CSS gridColonnes et lignes avec leurs espacements, mises en page par le navigateur en CSS grid, comme le fera votre code.
  • Propriétés de composantsVariantes, interrupteurs, textes et remplacements sur n'importe quel composant, réglés depuis chaque copie.
  • Des dossiers dans des dossiersAussi profonds que vous voulez, partagés avec tout votre espace de travail, avec vos fichiers favoris dans la barre latérale.
  • Recherche dans les fichiers⌘K trouve les fichiers par leur nom, et par les mots et les noms de calques qu'ils contiennent.
  • En direct, ensembleVotre équipe et vos agents dans un même fichier en même temps, chacun avec son curseur.
  • Un lien, vos règlesToute personne qui a le lien, ou seulement celles que vous invitez. Celles qui ne peuvent que regarder peuvent quand même commenter.
  • Toutes les policesGoogle Fonts, celles que votre équipe importe, et les polices de votre ordinateur.
  • Copier en codeN'importe quelle frame en HTML, React ou Tailwind, avec les valeurs qu'elle utilise vraiment.
  • Tout exporterPNG, WebP, SVG et PDF à la taille voulue, ou le fichier entier en .kite.
  • AperçuUne frame seule, comme l'écran ou la page qu'elle sera, et la suivante à un clic.
  • Historique des versionsEnregistrez une version, parcourez tout ce qu'un fichier a été, et restaurez-en une.
  • Apportez votre travailDes fichiers Figma entiers, n'importe quelle partie d'une page web et des fichiers .kite, collés en calques modifiables.
  • Ne manquez aucun commentaireCommentaires, mentions et invitations, dans Activity, par e-mail et sur votre Mac.

Vos questions. Ce qu'on demande avant de se lancer.

Qu'est-ce que Kite ?

Kite est un outil de design IA où vos agents et votre équipe créent sur un même canevas. Claude, ChatGPT, Cursor ou n'importe quel client MCP dessine dans votre fichier sous vos yeux, suit votre design system et traite les demandes laissées en commentaire.

Kite est-il une alternative à Figma ?

Oui. Kite a ce que vous utilisez dans Figma : auto layout, composants avec variantes, variables avec modes, une plume et une vraie typographie. Il colle depuis et vers Figma et importe des fichiers Figma entiers. Et un design, c'est du vrai HTML et CSS, donc les agents créent directement dedans.

Claude peut-il créer dans Kite ?

Oui. Ajoutez Kite depuis l'annuaire de connecteurs de Claude en un clic, ou connectez Claude Code avec une commande. Claude crée alors des fichiers, dessine dedans sous vos yeux et répond aux commentaires de votre équipe. ChatGPT, Cursor, Codex et d'autres agents se connectent de la même façon.

Kite a-t-il un serveur MCP ?

Oui. Le serveur MCP hébergé de Kite fonctionne avec tout client compatible HTTP en streaming et OAuth, avec 59 outils pour lire, dessiner, modifier et vérifier des designs. Kite pour Mac ajoute un serveur local pour les agents de votre ordinateur.

Combien coûte Kite ?

Kite est gratuit pour commencer, avec éditeurs et lecteurs illimités et 3 fichiers. Pro coûte 20 $ par éditeur et par mois, ou 16 $ 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à.

Télécharger pour MacCommencer à créer