Entrar

Seus agentes criam ao seu lado, no mesmo quadro: telas, sites e marcas, feitos em equipe.

Baixar para MacComece a criar
O editor do Kite, com o Claude criando o Lumen, um app de streaming, no quadro

Traga seus próprios agentes. Claude, Cursor, ChatGPT ou qualquer cliente MCP, sem chave para copiar.

Feito para o jeito que os agentes criam. Seu sistema lido antes de cada desenho, pedidos nos comentários, um editor de verdade e as ferramentas que você já usa.

  • 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

    Um design, qualquer sistemaSeu agente desenha com as variáveis do sistema, não com valores fixos. Troque o sistema, ou mude um único valor, e cada frame desenhado com ele acompanha.

  • Seu design system. Lido antes de cada desenho. Cores, tipografia e espaçamento como variáveis, suas peças como componentes e as regras, em palavras simples, como skills. Os agentes leem tudo antes de desenhar, então o trabalho deles fica com a sua cara, e não com a de todo mundo.

    Sistemas de design
  • Componentes colocados, não redesenhadosCrie uma peça uma vez, com suas variantes. Os agentes colocam cópias que a seguem, em vez de desenhar um card novo.
  • Claro e escuro, um só conjuntoUma variável guarda um valor para cada modo. Mude um frame para escuro e cada cor desenhada com ela acompanha.
  • Skills, em palavras simplesO visual da marca, um limite, como os posts são feitos. Os agentes seguem as skills que combinam com o trabalho.
  • Uma biblioteca para todos os arquivosPublique os componentes de um arquivo no workspace. As cópias, em todos os arquivos, acompanham quando você atualiza.

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

    Peça num comentário e prontoMencione seu agente no frame e envie. No Kite para Mac ele começa na hora com Claude Code ou Codex, faz o trabalho e responde na conversa.

  • Deixe um comentário. Seu agente faz. Fixe um comentário onde a mudança deve acontecer e mencione seu agente. Ele lê o frame e a camada que você clicou, faz o trabalho e responde na conversa.

    Comentários

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

    Faça meus pedidos do KiteNo navegador, os pedidos esperam nos comentários. Diga isso ao seu agente e ele resolve um por um.

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

    Notas no quadroNotas adesivas e anotações ficam ao lado do trabalho. Os agentes leem e deixam as suas.

  • 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, no pixelArraste um espaçamento, um padding ou um tamanho e o frame se ajusta enquanto você arrasta. Seus agentes mexem nos mesmos campos, então o trabalho deles é tão preciso quanto o seu.

  • Uma ferramenta de design de verdade. Não uma caixa de prompt. Flex e grid, componentes, variáveis, caneta e tipografia de verdade: o que você usa no Figma está tudo aqui. E um design é HTML e CSS reais, então o que seu agente escreve e o que você desenha são a mesma coisa.

    O editor
  • Flex, grid e restriçõesLinhas, colunas e grids com espaçamentos e paddings iguais. Mude uma coisa e o resto se move para abrir espaço.
  • Caneta, lápis e formasDesenhe caminhos ponto a ponto ou à mão livre, depois combine, achate e transforme em contorno.
  • Tipografia, preenchimentos e efeitosFontes e pesos, com estilo palavra por palavra. Gradientes, preenchimentos de imagem, sombras e desfoques.
  • Pré-visualização e históricoVeja um frame como a tela que ele vai ser. Salve versões e volte a qualquer uma delas.

Shaders, no arquivo. Fundos e filtros desenhados ao vivo pelo motor do próprio editor, com granulado e vidro próprios. Arraste um; no Kite você coloca em qualquer frame.

Preenchimentos e efeitos
DuskFlow
NorthernAurora
SunsetBands
DawnMist
RisoMarble
Ink in waterSmoke
RibbonThreads
CandyCells

  • Funciona com o que você já tem. Figma, seu Mac e o Chrome. Traga seus arquivos do Figma e mande frames de volta. Use o Kite no app próprio, onde um pedido num comentário roda no seu Mac. Copie qualquer página da web no Chrome e cole como camadas.

    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, nos dois sentidosCole frames do Figma ou importe um arquivo inteiro pelo link. Clique com o botão direito em qualquer frame e escolha Copy to Figma: ele é colado no Figma como camadas.

  • Claude finished your Kite requestnowIt answered on the comment.

    Kite para MacUma aba por arquivo, uma marca na aba onde um agente está trabalhando e pedidos que rodam com Claude Code ou Codex no seu Mac. Ele avisa quando terminam.

  • 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 ChromeAponte para qualquer página da web, ou parte dela, e clique. Cole no Kite e ela chega como frames, textos e imagens que você pode mudar.

Um quadro, todos os cursores

Feito por muitas mãos.

Sua equipe e seus agentes, cada um com seu próprio cursor, no mesmo arquivo ao mesmo tempo. O que um desenha, os outros veem na hora, e cada mudança é uma camada que você pode retomar e continuar.

Os detalhes, já incluídos. Tudo o que uma ferramenta de design precisa, das fontes ao histórico de versões, para que nada te mande de volta para outro app.

Documentação
  • Agentes se conectam de qualquer lugarUm servidor MCP remoto: Claude, ChatGPT ou Cursor se conectam com um clique de onde estiverem rodando, sem chave para copiar.
  • Escalar, com KRedimensione um frame e tudo dentro dele escala junto: tipografia, traços, cantos e sombras. De 1440 para 720 num arraste.
  • CSS grid de verdadeColunas e linhas com seus espaçamentos, montadas pelo navegador como CSS grid, do jeito que o seu código vai fazer.
  • Propriedades de componentesVariantes, botões liga e desliga, textos e trocas em qualquer componente, ajustados em cada cópia.
  • Pastas dentro de pastasCom quantos níveis você quiser, compartilhadas com todo o workspace, com os arquivos que você marca com estrela na barra lateral.
  • Busca dentro dos arquivos⌘K encontra arquivos pelo nome e pelas palavras e nomes de camadas dentro deles.
  • Ao vivo, juntosSua equipe e seus agentes no mesmo arquivo ao mesmo tempo, cada um com seu próprio cursor.
  • Um link, suas regrasQualquer pessoa com o link, ou só quem você convidar. Quem só pode ver também pode comentar.
  • Todas as fontesGoogle Fonts, as que sua equipe envia e as fontes do seu computador.
  • Copiar como códigoQualquer frame como HTML, React ou Tailwind, com os valores que ele usa de verdade.
  • Exporte o que quiserPNG, WebP, SVG e PDF no tamanho que você precisar, ou o arquivo inteiro como .kite.
  • Pré-visualizaçãoUm frame sozinho, como a tela ou a página que ele vai ser, e o próximo a um clique.
  • Histórico de versõesSalve uma versão, veja tudo o que um arquivo já foi e restaure a que quiser.
  • Traga seu trabalhoArquivos inteiros do Figma, qualquer parte de uma página da web e arquivos .kite, colados como camadas editáveis.
  • Não perca nenhum comentárioComentários, menções e convites, em Activity, por e-mail e no seu Mac.

Perguntas. O que as pessoas perguntam antes de começar.

O que é o Kite?

O Kite é uma ferramenta de design com IA onde seus agentes e sua equipe criam no mesmo canvas. Claude, ChatGPT, Cursor ou qualquer cliente MCP desenha no seu arquivo enquanto você acompanha, segue seu design system e faz os pedidos deixados nos comentários.

O Kite é uma alternativa ao Figma?

Sim. O Kite tem o que você usa no Figma: auto layout, componentes com variantes, variáveis com modos, caneta e tipografia de verdade. Ele cola de e para o Figma e importa arquivos inteiros do Figma. E um design é HTML e CSS reais, então os agentes criam direto nele.

O Claude consegue criar no Kite?

Sim. Adicione o Kite pelo diretório de conectores do Claude com um clique, ou conecte o Claude Code com um comando. O Claude cria arquivos, desenha neles enquanto você acompanha e responde aos comentários da sua equipe. ChatGPT, Cursor, Codex e outros agentes se conectam do mesmo jeito.

O Kite tem servidor MCP?

Sim. O servidor MCP hospedado do Kite funciona com qualquer cliente compatível com HTTP em streaming e OAuth, com 59 ferramentas para ler, desenhar, editar e revisar designs. O Kite para Mac adiciona um servidor local para os agentes do seu computador.

Quanto custa o Kite?

O Kite é grátis para começar, com editores e leitores ilimitados e 3 arquivos. O Pro custa $20 por editor por mês, ou $16 no plano anual. Não há créditos de IA: seu agente roda no plano que você já paga.

Você e seus agentes, no mesmo quadro.

No navegador ou no Kite para Mac. Traga o agente que você já usa, no plano que você já paga.

Baixar para MacComece a criar