A ferramenta de design da Wx3

Descreva a tela.
O Klee desenha na marca da loja.

O Klee carrega o design system da loja e põe o agente que você já usa para construir em cima dele. Você vê a tela renderizar, aponta na prévia o que mudar e sai com o arquivo pronto.

O Klee com o projeto da loja fictícia Maré aberto: a conversa com o agente à esquerda e, à direita, a prévia da home da loja com banner de praia e vitrine de moda praia.

Paul Klee Hauptweg und Nebenwege, 1929 Museum Ludwig, Colônia

Como funciona

Do pedido à tela pronta, sem sair da marca.

  1. Escolha a marca

    Cada loja tem um design system — cor, tipografia, forma e voz — num DESIGN.md. Os presets da carteira Wx3 já vêm no app, e dá para criar um novo a partir do site da loja, de um DESIGN.md ou de um arquivo do Figma.

    Página do design system da Maré no Klee, com paleta areia, mar e terracota e as fontes Fraunces e Manrope.
  2. Descreva a tela

    Escreva o que precisa, anexe as fotos e escolha o tipo de criação. O agente que você já usa constrói em cima dos tokens da marca — e pergunta antes quando falta contexto.

    Caixa de pedido do Klee com o design system Maré selecionado, fotos de produto anexadas e a descrição da home da loja.
  3. Aponte o que mudar

    Clique num elemento da prévia para ver tamanho, cor e fonte, e comente em cima dele. O comentário vai junto com o próximo pedido — sem precisar descrever onde fica “aquele botão”.

    Prévia da home da Maré no Klee com o botão “Ver a coleção” selecionado: o inspetor mostra tamanho, cor e fonte, e há um comentário pedindo o botão na cor mar.
  4. Exporte e entregue

    Exporte em PDF, imagem, ZIP ou HTML independente, compartilhe um link ou abra a pasta no seu editor. O projeto é uma pasta de arquivos no seu disco.

    Menu Export do Klee aberto sobre a home da Maré, com as opções PDF, imagem, .zip e HTML independente.
Farbtafel (Qu 1), de Paul Klee: uma grade de quadrados pintados em laranja, azul, amarelo, verde e vermelho.

Paul Klee Farbtafel (Qu 1), 1930 Kunstmuseum Basel

Design system

Primeiro a paleta, depois o pincel.

Antes de o agente desenhar qualquer coisa, o Klee carrega o DESIGN.md da loja: cores, tipografia, raio, movimento e voz. A tela nasce dentro da marca, em vez de nascer genérica e ser corrigida depois.

maré / DESIGN.md Fraunces · Manrope
  • Areia #f6efe6
  • Mar #0f3b4a
  • Terracota #c8553d
  • Texto #1f2a2e
64 presets Wx3
as lojas da carteira, prontas no app
152 presets de referência
sistemas de marcas conhecidas para estudar
1 catálogo craft/
regras que valem para todas as marcas

O que sai do Klee

Página, deck ou peça: a mesma marca em tudo.

Protótipos, apresentações, documentos e imagens saem do mesmo lugar e do mesmo design system. Abaixo, três arquivos que o Klee gerou para a Maré, uma loja fictícia de moda praia — como saíram, sem retoque.

Home da loja fictícia Maré: faixa de frete grátis, banner de praia com o título “Peças pensadas para o sal e para o sol.”, vitrine de seis produtos, editorial sobre proteção UV, benefícios e rodapé.
Página de loja Protótipo em HTML, página inteira
Capa do deck “Coleção Sal & Sol — Verão 2027” da Maré.
Apresentação Deck de lançamento, 6 slides
A mesma home da Maré numa tela de celular.
No celular A mesma página, em 390px

Agentes

Funciona com o agente que você já usa.

O Klee encontra os CLIs instalados no seu computador e conversa com eles. A assinatura é a mesma que você já paga no terminal — nenhuma conta nova.

  • Claude Code
  • Codex
  • Cursor
  • GitHub Copilot
  • OpenCode
  • Kimi
  • Qwen
  • DeepSeek
  • Grok
  • Antigravity
  • Kiro
  • Qoder
  • Hermes
  • Kilo
  • Pi

Local

Roda na sua máquina. O trabalho fica com você.

  • Seu agente, sua assinatura

    O Klee usa o CLI que já está logado na sua máquina. Nada de conta nova nem cobrança separada.

  • Arquivos no seu disco

    Cada projeto é uma pasta. Abre no editor, versiona no git, manda por onde quiser.

  • Atualiza sozinho

    Instalou uma vez: as versões novas chegam pelo próprio app, sem baixar de novo.

  • Em português

    A interface fala português do Brasil — e mais 18 idiomas para quem precisar.

Paul Klee Ad Parnassum, 1932 Kunstmuseum Bern

Download

Baixe, abra e escolha uma loja.

O Klee encontra o agente que você já tem e chega com os design systems da carteira. As próximas versões vêm sozinhas.

  • Recomendado para este computador

    Windows

    Instalador .exe

    Baixar para Windows

    Carregando a versão publicada…

    No primeiro uso, o Windows mostra “O Windows protegeu o computador”: clique em Mais informações → Executar assim mesmo. O aviso aparece porque o instalador ainda não é assinado.

  • Recomendado para este computador

    macOS

    Imagem de disco .dmg

    Baixar para macOS

    Carregando a versão publicada…

    Assinado e notarizado pela Wx3: abre direto, sem contornar o Gatekeeper.