Ele aprende com você
Cada escolha de manter ou descartar treina um perfil que é só seu, para que cada tela comece de onde a anterior parou, e não do zero.
Crie designs de bom gosto
Agentes de design selecionados para equipes e agentes. Descreva o que você está construindo; o que volta são telas reais, um sistema coerente e um gosto que se mantém em cada detalhe.
Começar
ShareExport
What are we making?
ShareExport
What are we making?
Equipe de agentes criativos
Um escreve o plano. Um define a direção. Um constrói as telas. Um decide se está bom o bastante para mostrar a você.
Equipe de agentes criativos
Um escreve o plano. Um define a direção. Um constrói as telas. Um decide se está bom o bastante para mostrar a você.
ShareExport
What are we making?
Edição
Toque em um componente e escolha entre outros designs dele, ali mesmo. Ou esboce a tela que você quer, e ela volta construída.
Edição
Toque em um componente e escolha entre outros designs dele, ali mesmo. Ou esboce a tela que você quer, e ela volta construída.
Construção
Exporte para o seu agente de código: as telas em HTML e CSS, os tokens e um design.md a partir do qual ele pode construir, tela por tela.
Construção
Exporte para o seu agente de código: as telas em HTML e CSS, os tokens e um design.md a partir do qual ele pode construir, tela por tela.
Um design inconfundivelmente seu.
Ele barra o slop
Um guard de regras confere cada tela em relação a uma especificação viva antes de você vê-la, e nós publicamos esse guard como código aberto.
Ele entrega código
Marcação real e tokens vivos desde o primeiro pixel, nunca a imagem de um app. A exportação coloca o HTML, o CSS e os tokens na sua base de código para o seu agente construir a partir deles.
MensalAnual
Free
Básico
$0
Por mês
- 60 créditos por mêsNormalmente, isso rende até 6-8 designs.
- Cota completa liberada no início de cada mês
- Um design por vez
- Modos Quality e Standard
Pro
Para o trabalho do dia a dia
$16.67$20
Por mêsEconomize 17%Cobrança de $200/ano
- 120 créditos por mêsNormalmente, isso rende até 12-16 designs.
- Fila mais rápida
- Escolha seu modelo, além de Quality e Standard
- Créditos não usados passam para o mês seguinte
- Recarregue sempre que precisar de mais
Ultra
Para uso intensivo
$83.33$100
Por mêsEconomize 17%Cobrança de $1,000/ano
- 400 créditos por mêsNormalmente, isso rende até 40-53 designs.
- A fila mais rápida, mesmo nos horários de pico
- Escolha seu modelo, além de Quality e Standard
- Créditos não usados passam para o mês seguinte
- Recarregue sempre que precisar de mais
Teams
Para equipes que criam designs juntas
- Um workspace compartilhado para projetos e pastas
- Design no mesmo canvas, ao vivo
- Convide colegas como admins ou membros
- Configuração feita com os fundadores
Perguntas frequentes.
O que é o Gesso?
Uma equipe criativa de IA para quem constrói. Descreva o que você está construindo e ela cria uma UI de produto completa e pronta para produção: telas reais, um design system coerente e um nível de detalhe que se mantém do primeiro frame ao último.
O que diferencia o Gesso de outras ferramentas de design com IA?
A maior parte da UI gerada vira slop: tipografia desencontrada, bordas aleatórias, layouts sem ponto de vista. Os agentes do Gesso criam com base em uma especificação de design viva e mantêm sua linguagem visual consistente do primeiro frame ao último.
Para quem é o Gesso?
Para builders, fundadores e designers que fazem vibe coding: qualquer pessoa que lança produto e quer um design que pareça intencional, sem uma etapa de handoff. O que você cria aqui sai como HTML e CSS reais, a partir dos quais o seu agente de código pode construir.
Qual é a diferença de pedir um design a um assistente de chat?
O chat é linear: um único artefato, iterado ao longo de uma conversa, com o mesmo padrão para todo mundo. O Gesso gera direções realmente diferentes, lado a lado em um canvas, para você escolher entre opções reais em vez de conduzir uma só.
Meu agente de código pode usar o Gesso?
Sim, em todos os planos. Adicione o servidor MCP hospedado ao Claude Code, ao Cursor ou ao Codex com uma linha e um login pelo navegador. Seu agente pode gerar e editar direções, exportar telas e tokens para o repositório e rodar críticas.
Quanto custa?
O Gesso funciona com créditos. Um design completo custa 10 créditos e uma edição custa uma fração disso. Contas Free recebem 60 créditos por mês. O Pro custa $20 por mês, com 120 créditos que passam para o mês seguinte e escolha de modelo. O Ultra custa $100 por mês, com 400. Ver preços.
O que é o guard anti-slop?
73 regras executáveis que pegam os sinais típicos de UI gerada: o título com gradiente recortado, a cor de destaque que ninguém escolheu, o emoji no lugar de um sistema de ícones. Ele roda em cada tela que o Gesso gera em produção e é código aberto sob licença MIT em Gesso-Build/skills.
Como os designs chegam à minha base de código?
Como arquivos a partir dos quais o seu agente pode construir: telas em HTML e CSS, tokens de design e um design.md que registra as decisões por trás deles. Via MCP, seu agente os puxa direto para o repositório; sem ele, o HTML e o CSS exportados podem ser colados em qualquer agente de código. Manter a implementação fiel continua sendo trabalho do seu agente; o Gesso dá a ele a fonte de onde partir.
Como experimento o Gesso?
O Gesso está em beta e aberto a todos. Comece agora e você já pode iniciar seu primeiro briefing.