Anmelden

Deine Agenten gestalten neben dir, auf einem Board: Screens, Websites und Marken, gemeinsam gemacht.

Für Mac herunterladenJetzt gestalten
Der Editor von Kite, in dem Claude Lumen gestaltet, eine Streaming-App, auf dem Board

Bring deine eigenen Agenten mit. Claude, Cursor, ChatGPT oder jeder MCP-Client, ohne Schlüssel zum Kopieren.

Gemacht dafür, wie Agenten gestalten. Dein System vor jedem Strich gelesen, Aufträge in Kommentaren, ein echter Editor und die Tools, die du schon nutzt.

  • 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

    Ein Design, jedes SystemDein Agent zeichnet mit den Variablen des Systems, nicht mit festen Werten. Wechsle das System oder ändere einen Wert, und jeder damit gezeichnete Frame zieht mit.

  • Dein Designsystem. Vor jedem Strich gelesen. Farben, Schrift und Abstände als Variablen, deine Bausteine als Komponenten, die Regeln in einfachen Worten als Skills. Agenten lesen das alles, bevor sie zeichnen, damit ihre Arbeit nach dir aussieht und nicht nach allen anderen.

    Designsysteme
  • Komponenten platziert, nicht neu gezeichnetBau einen Baustein einmal, mit seinen Varianten. Agenten setzen Kopien, die ihm folgen, statt eine neue Karte zu zeichnen.
  • Hell und dunkel, ein SatzEine Variable hält einen Wert pro Modus. Stell einen Frame auf Dunkel, und jede damit gezeichnete Farbe zieht mit.
  • Skills, in einfachen WortenDer Look der Marke, eine Leitplanke, wie Posts gemacht werden. Agenten folgen den Skills, die zur Aufgabe passen.
  • Eine Bibliothek für jede DateiVeröffentliche die Komponenten einer Datei im Workspace. Ihre Kopien, in jeder Datei, ziehen mit, wenn du aktualisierst.

  • 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.

    Im Kommentar fragen, erledigt bekommenErwähne deinen Agenten am Frame und sende. In Kite für Mac legt er sofort mit Claude Code oder Codex los, erledigt die Arbeit und antwortet im Thread.

  • Hinterlass einen Kommentar. Dein Agent erledigt es. Pinne einen Kommentar dorthin, wo die Änderung hingehört, und erwähne deinen Agenten. Er liest den Frame und die Ebene, die du angeklickt hast, erledigt die Arbeit und antwortet im Thread.

    Kommentare

  • 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.

    Erledige meine Kite-AufträgeIm Browser warten Aufträge an ihren Kommentaren. Sag das deinem Agenten, und er arbeitet sie alle ab.

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

    Notizen auf dem BoardHaftnotizen und Anmerkungen stehen direkt neben der Arbeit. Agenten lesen sie und hinterlassen eigene.

  • 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

    Jeder Wert, aufs Pixel genauZieh einen Abstand, einen Innenabstand oder eine Größe, und der Frame macht beim Ziehen Platz. Deine Agenten setzen dieselben Felder, also ist ihre Arbeit so genau wie deine.

  • Ein echtes Design-Tool. Kein Prompt-Feld. Flex und Grid, Komponenten, Variablen, ein Zeichenstift und echte Typografie: Alles, wonach du in Figma greifst, ist hier. Und ein Design ist echtes HTML und CSS, also ist das, was dein Agent schreibt, dasselbe wie das, was du zeichnest.

    Der Editor
  • Flex, Grid und ConstraintsZeilen, Spalten und Raster mit gleichmäßigen Abständen. Ändere eine Sache, und der Rest macht Platz.
  • Zeichenstift, Bleistift und FormenZeichne Pfade Punkt für Punkt oder freihand, dann kombiniere, verflache und wandle sie in Konturen um.
  • Schrift, Füllungen und EffekteSchriften und Schnitte, Wort für Wort gestaltet. Verläufe, Bildfüllungen, Schatten und Unschärfen.
  • Vorschau und VerlaufSieh einen Frame als den Screen, der er wird. Speichere Versionen und geh zu jeder zurück.

Shader, in der Datei. Hintergründe und Filter, live von der Engine des Editors gezeichnet, mit eigener Körnung und eigenem Glas. Zieh einen herum; in Kite legst du ihn auf jeden Frame.

Füllungen und Effekte
DuskFlow
NorthernAurora
SunsetBands
DawnMist
RisoMarble
Ink in waterSmoke
RibbonThreads
CandyCells

  • Funktioniert mit dem, was du hast. Figma, dein Mac und Chrome. Hol deine Figma-Dateien herein und schick Frames zurück. Nutze Kite als eigene App, in der ein Auftrag aus einem Kommentar auf deinem Mac läuft. Kopier eine beliebige Webseite aus Chrome und füg sie als Ebenen ein.

    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, in beide RichtungenFüg Frames aus Figma ein oder importiere eine ganze Datei über ihren Link. Rechtsklick auf einen Frame, Copy to Figma, und er landet in Figma als Ebenen.

  • Claude finished your Kite requestnowIt answered on the comment.

    Kite für MacEin Tab pro Datei, eine Markierung am Tab, in dem ein Agent arbeitet, und Aufträge, die mit Claude Code oder Codex auf deinem Mac laufen. Es sagt dir, wenn sie fertig sind.

  • 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 für ChromeZeig auf eine beliebige Webseite oder einen Teil davon und klick. Füg sie in Kite ein, und sie kommt als Frames, Text und Bilder, die du ändern kannst.

Ein Board, jeder Cursor

Gemacht von vielen Händen.

Dein Team und deine Agenten, jeder mit eigenem Cursor, gleichzeitig in einer Datei. Was einer zeichnet, sehen die anderen sofort, und jede Änderung ist eine Ebene, an der du weiterarbeiten kannst.

Die Details, schon dabei. Alles, was ein Design-Tool sonst braucht, von Schriften bis zum Versionsverlauf, damit dich nichts zurück in eine andere App schickt.

Doku
  • Agenten verbinden sich von überallEin Remote-MCP-Server: Claude, ChatGPT oder Cursor verbinden sich mit einem Klick, egal wo sie laufen, ohne Schlüssel zum Kopieren.
  • Skalieren, mit KÄndere die Größe eines Frames, und alles darin skaliert mit: Schrift, Konturen, Ecken und Schatten. Von 1440 auf 720 mit einem Zug.
  • Echtes CSS-GridSpalten und Zeilen mit ihren Abständen, vom Browser als CSS-Grid gesetzt, so wie es dein Code tun wird.
  • KomponenteneigenschaftenVarianten, Schalter, Texte und Austausch an jeder Komponente, an jeder Kopie einstellbar.
  • Ordner in OrdnernSo tief du willst, mit deinem ganzen Workspace geteilt, mit den Dateien, die du markierst, in der Seitenleiste.
  • Suche in Dateien⌘K findet Dateien nach Namen und nach den Wörtern und Ebenennamen darin.
  • Live, gemeinsamDein Team und deine Agenten gleichzeitig in einer Datei, jeder mit eigenem Cursor.
  • Ein Link, deine RegelnJeder mit dem Link oder nur die Leute, die du einlädst. Wer nur ansehen darf, kann trotzdem kommentieren.
  • Jede SchriftGoogle Fonts, die Schriften, die dein Team hochlädt, und die Schriften auf deinem Computer.
  • Als Code kopierenJeder Frame als HTML, React oder Tailwind, mit den Werten, die er wirklich nutzt.
  • Alles exportierenPNG, WebP, SVG und PDF in der Größe, die du brauchst, oder die ganze Datei als .kite.
  • VorschauEin Frame für sich, als der Screen oder die Seite, die er wird, und der nächste nur einen Klick entfernt.
  • VersionsverlaufSpeichere eine Version, blättere durch alles, was eine Datei je war, und stell eine wieder her.
  • Bring deine Arbeit mitGanze Figma-Dateien, jeder Teil einer Webseite und .kite-Dateien, als Ebenen eingefügt, die du bearbeiten kannst.
  • Keinen Kommentar verpassenKommentare, Erwähnungen und Einladungen, in Activity, per E-Mail und auf deinem Mac.

Fragen. Was Leute fragen, bevor sie anfangen.

Was ist Kite?

Kite ist ein KI-Design-Tool, in dem deine Agenten und dein Team auf einer Arbeitsfläche gestalten. Claude, ChatGPT, Cursor oder jeder MCP-Client zeichnet in deiner Datei, während du zusiehst, hält sich an dein Designsystem und erledigt Aufträge aus Kommentaren.

Ist Kite eine Figma-Alternative?

Ja. Kite hat, wonach du in Figma greifst: Auto Layout, Komponenten mit Varianten, Variablen mit Modi, einen Zeichenstift und echte Typografie. Es fügt aus Figma ein und nach Figma ein und importiert ganze Figma-Dateien. Und ein Design ist echtes HTML und CSS, also gestalten Agenten direkt darin.

Kann Claude in Kite gestalten?

Ja. Füg Kite mit einem Klick aus dem Connector-Verzeichnis von Claude hinzu oder verbinde Claude Code mit einem Befehl. Claude legt dann Dateien an, zeichnet darin, während du zusiehst, und beantwortet die Kommentare deines Teams. ChatGPT, Cursor, Codex und andere Agenten verbinden sich genauso.

Hat Kite einen MCP-Server?

Ja. Der gehostete MCP-Server von Kite funktioniert mit jedem Client, der Streamable HTTP und OAuth unterstützt, mit 59 Werkzeugen, um Designs zu lesen, zu zeichnen, zu bearbeiten und zu prüfen. Kite für Mac bringt einen lokalen Server für Agenten auf deinem Rechner mit.

Was kostet Kite?

Kite ist zum Start kostenlos, mit unbegrenzt vielen Editoren und Betrachtern und 3 Dateien. Pro kostet 20 $ pro Editor im Monat oder 16 $ bei jährlicher Abrechnung. Es gibt keine KI-Credits: Dein Agent läuft mit dem Plan, den du schon bezahlst.

Du und deine Agenten, auf einem Board.

Im Browser oder in Kite für Mac. Bring den Agenten mit, den du schon nutzt, mit dem Plan, den du schon bezahlst.

Für Mac herunterladenJetzt gestalten