Iniciar sesión

Tus agentes diseñan a tu lado, en un mismo tablero: pantallas, sitios web y marcas, hechos en equipo.

Descargar para MacEmpieza a diseñar
El editor de Kite, con Claude diseñando Lumen, una app de streaming, en el tablero

Trae tus propios agentes. Claude, Cursor, ChatGPT o cualquier cliente MCP, sin claves que copiar.

Hecho para la forma en que diseñan los agentes. Tu sistema leído antes de cada trazo, encargos en los comentarios, un editor de verdad y las herramientas que ya usas.

  • 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 diseño, cualquier sistemaTu agente dibuja con las variables del sistema, no con valores fijos. Cambia de sistema, o cambia un solo valor, y cada frame dibujado con él se actualiza.

  • Tu sistema de diseño. Leído antes de cada trazo. Colores, tipografía y espaciado como variables, tus piezas como componentes y las reglas, en palabras sencillas, como skills. Los agentes lo leen todo antes de dibujar, así que su trabajo se parece al tuyo y no al de todo el mundo.

    Sistemas de diseño
  • Componentes colocados, no redibujadosCrea una pieza una sola vez, con sus variantes. Los agentes colocan copias que la siguen, en lugar de dibujar una tarjeta nueva.
  • Claro y oscuro, un solo conjuntoUna variable guarda un valor para cada modo. Pasa un frame a oscuro y cada color dibujado con ella cambia también.
  • Skills, en palabras sencillasEl estilo de la marca, un límite, cómo se hacen las publicaciones. Los agentes siguen las skills que encajan con cada tarea.
  • Una biblioteca para todos los archivosPublica los componentes de un archivo en el espacio de trabajo. Sus copias, en todos los archivos, se actualizan cuando tú lo haces.

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

    Pídelo en un comentario y queda hechoMenciona a tu agente en el frame y envía. En Kite para Mac empieza enseguida con Claude Code o Codex, hace el trabajo y responde en el hilo.

  • Deja un comentario. Tu agente lo hace. Fija un comentario donde va el cambio y menciona a tu agente. Lee el frame y la capa que marcaste, hace el trabajo y responde en el hilo.

    Comentarios

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

    Haz mis encargos de KiteEn el navegador, los encargos esperan en sus comentarios. Díselo a tu agente y los resuelve uno por uno.

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

    Notas en el tableroLas notas adhesivas y las anotaciones están junto al trabajo. Los agentes las leen y dejan las suyas.

  • 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

    Cada valor, al píxelArrastra un espacio, un relleno o un tamaño y el frame se reacomoda mientras lo haces. Tus agentes ajustan los mismos campos, así que su trabajo es tan exacto como el tuyo.

  • Una herramienta de diseño de verdad. No una caja de prompts. Flex y grid, componentes, variables, pluma y tipografía de verdad: todo lo que usas en Figma está aquí. Y un diseño es HTML y CSS reales, así que lo que escribe tu agente y lo que dibujas tú son lo mismo.

    El editor
  • Flex, grid y restriccionesFilas, columnas y cuadrículas con espacios y rellenos uniformes. Cambia una cosa y el resto se mueve para hacerle sitio.
  • Pluma, lápiz y formasDibuja trazados punto a punto o a mano alzada, y luego combínalos, aplánalos y conviértelos en contornos.
  • Tipografía, rellenos y efectosFuentes y pesos, con estilo palabra por palabra. Degradados, rellenos de imagen, sombras y desenfoques.
  • Vista previa e historialMira un frame como la pantalla que será. Guarda versiones y vuelve a cualquiera de ellas.

Shaders, en el archivo. Fondos y filtros dibujados en vivo por el motor del propio editor, con su propio grano y su propio cristal. Arrastra uno; en Kite lo pones en cualquier frame.

Rellenos y efectos
DuskFlow
NorthernAurora
SunsetBands
DawnMist
RisoMarble
Ink in waterSmoke
RibbonThreads
CandyCells

  • Funciona con lo que ya tienes. Figma, tu Mac y Chrome. Trae tus archivos de Figma y manda frames de vuelta. Ten Kite en su propia app, donde un encargo en un comentario se ejecuta en tu Mac. Copia cualquier página web desde Chrome y pégala como capas.

    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, en los dos sentidosPega frames desde Figma o importa un archivo entero con su enlace. Haz clic derecho en cualquier frame y elige Copy to Figma: se pega en Figma como capas.

  • Claude finished your Kite requestnowIt answered on the comment.

    Kite para MacUna pestaña por archivo, una marca en la pestaña donde trabaja un agente y encargos que se ejecutan con Claude Code o Codex en tu Mac. Te avisa cuando terminan.

  • 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 para ChromeApunta a cualquier página web, o a una parte, y haz clic. Pégala en Kite y llega como frames, texto e imágenes que puedes cambiar.

Un tablero, todos los cursores

Hecho entre muchas manos.

Tu equipo y tus agentes, cada uno con su propio cursor, en un mismo archivo a la vez. Lo que uno dibuja, los demás lo ven al instante, y cada cambio es una capa que puedes retomar y seguir.

Los detalles, ya incluidos. Todo lo demás que necesita una herramienta de diseño, de las fuentes al historial de versiones, para que nada te mande de vuelta a otra app.

Documentación
  • Los agentes se conectan desde cualquier lugarUn servidor MCP remoto: Claude, ChatGPT o Cursor se conectan con un clic desde donde se ejecuten, sin claves que copiar.
  • Escalar, con KCambia el tamaño de un frame y todo lo que contiene escala con él: tipografía, trazos, esquinas y sombras. De 1440 a 720 en un solo arrastre.
  • CSS grid de verdadColumnas y filas con sus espacios, maquetadas por el navegador como CSS grid, tal como lo hará tu código.
  • Propiedades de componentesVariantes, interruptores, textos e intercambios en cualquier componente, ajustados desde cada copia.
  • Carpetas dentro de carpetasCon tantos niveles como quieras, compartidas con todo tu espacio de trabajo y con los archivos que marcas con estrella en la barra lateral.
  • Busca dentro de los archivos⌘K encuentra archivos por su nombre y por las palabras y los nombres de capas que contienen.
  • En vivo, juntosTu equipo y tus agentes en un mismo archivo a la vez, cada uno con su propio cursor.
  • Un enlace, tus reglasCualquiera con el enlace, o solo las personas que invites. Quienes solo pueden ver también pueden comentar.
  • Todas las fuentesGoogle Fonts, las que sube tu equipo y las fuentes de tu ordenador.
  • Copiar como códigoCualquier frame como HTML, React o Tailwind, con los valores que usa de verdad.
  • Exporta lo que quierasPNG, WebP, SVG y PDF al tamaño que necesites, o el archivo entero como .kite.
  • Vista previaUn frame por sí solo, como la pantalla o la página que será, y el siguiente a un clic.
  • Historial de versionesGuarda una versión, repasa todo lo que ha sido un archivo y restaura la que quieras.
  • Trae tu trabajoArchivos completos de Figma, cualquier parte de una página web y archivos .kite, pegados como capas que puedes editar.
  • No te pierdas ningún comentarioComentarios, menciones e invitaciones, en Actividad, por correo y en tu Mac.

Preguntas. Lo que se pregunta antes de empezar.

¿Qué es Kite?

Kite es una herramienta de diseño con IA en la que tus agentes y tu equipo diseñan en un mismo lienzo. Claude, ChatGPT, Cursor o cualquier cliente MCP dibuja en tu archivo mientras miras, sigue tu sistema de diseño y hace los encargos que dejas en los comentarios.

¿Kite es una alternativa a Figma?

Sí. Kite tiene lo que usas en Figma: auto layout, componentes con variantes, variables con modos, pluma y tipografía de verdad. Pega desde y hacia Figma e importa archivos de Figma completos. Y un diseño es HTML y CSS reales, así que los agentes diseñan directamente en él.

¿Claude puede diseñar en Kite?

Sí. Añade Kite desde el directorio de conectores de Claude con un clic, o conecta Claude Code con un comando. Claude crea archivos, dibuja en ellos mientras miras y responde a los comentarios de tu equipo. ChatGPT, Cursor, Codex y otros agentes se conectan igual.

¿Kite tiene servidor MCP?

Sí. El servidor MCP alojado de Kite funciona con cualquier cliente compatible con HTTP en streaming y OAuth, con 59 herramientas para leer, dibujar, editar y revisar diseños. Kite para Mac añade uno local para los agentes de tu ordenador.

¿Cuánto cuesta Kite?

Kite es gratis para empezar, con editores y lectores ilimitados y 3 archivos. Pro cuesta $20 por editor al mes, o $16 con facturación anual. No hay créditos de IA: tu agente funciona con el plan que ya pagas.

Tú y tus agentes, en un mismo tablero.

En tu navegador o en Kite para Mac. Trae el agente que ya usas, con el plan que ya pagas.

Descargar para MacEmpieza a diseñar