Aprende de ti
Cada diseño que conservas o descartas entrena un perfil que es solo tuyo, así que cada pantalla empieza donde terminó la anterior y no desde cero.
Crea diseños con buen gusto
Agentes de diseño seleccionados con criterio, para equipos y agentes. Describe lo que estás construyendo; lo que recibes son pantallas reales, un sistema coherente y un gusto que se mantiene en cada detalle.
Empezar
ShareExport
What are we making?
ShareExport
What are we making?
Equipo de agentes creativos
Uno escribe el plan. Uno define la dirección. Uno construye las pantallas. Uno decide si es lo bastante bueno para mostrártelo.
Equipo de agentes creativos
Uno escribe el plan. Uno define la dirección. Uno construye las pantallas. Uno decide si es lo bastante bueno para mostrártelo.
ShareExport
What are we making?
Edición
Toca un componente y elige entre otros diseños de ese componente, ahí mismo. O dibuja la pantalla que quieres, y vuelve construida.
Edición
Toca un componente y elige entre otros diseños de ese componente, ahí mismo. O dibuja la pantalla que quieres, y vuelve construida.
Construcción
Exporta a tu agente de código: las pantallas en HTML y CSS, los tokens y un design.md a partir del cual puede construir, pantalla por pantalla.
Construcción
Exporta a tu agente de código: las pantallas en HTML y CSS, los tokens y un design.md a partir del cual puede construir, pantalla por pantalla.
Diseño inconfundiblemente tuyo.
Detecta el slop
Un guardián de reglas revisa cada pantalla contra una especificación viva antes de que la veas, y publicamos ese guardián como código abierto.
Sale como código
Marcado real y tokens vivos desde el primer píxel, nunca una imagen de una app. Al exportar, el HTML, el CSS y los tokens quedan en tu base de código para que tu agente construya a partir de ellos.
MensualAnual
Free
Básico
$0
Al mes
- 60 créditos al mesNormalmente alcanza para 6-8 diseños.
- Asignación completa al inicio de cada mes
- Un diseño a la vez
- Modos Quality y Standard
Pro
Para trabajo frecuente
$16.67$20
Al mesAhorra 17%Se factura $200/año
- 120 créditos al mesNormalmente alcanza para 12-16 diseños.
- Cola más rápida
- Elige tu modelo, más allá de Quality y Standard
- Los créditos sin usar se acumulan un mes
- Recarga cuando necesites más
Ultra
Para uso intensivo
$83.33$100
Al mesAhorra 17%Se factura $1,000/año
- 400 créditos al mesNormalmente alcanza para 40-53 diseños.
- La cola más rápida, incluso en horas pico
- Elige tu modelo, más allá de Quality y Standard
- Los créditos sin usar se acumulan un mes
- Recarga cuando necesites más
Teams
Para equipos que diseñan juntos
- Un espacio de trabajo compartido para proyectos y carpetas
- Diseñen en el mismo lienzo, en tiempo real
- Invita a tu equipo como administradores o miembros
- Configuración con los fundadores
Preguntas frecuentes.
¿Qué es Gesso?
Un equipo creativo de IA para quienes construyen. Describe lo que estás construyendo y diseña una UI de producto completa y lista para producción: pantallas reales, un sistema de diseño coherente y un nivel de detalle que se sostiene del primer marco al último.
¿Qué hace a Gesso diferente de otras herramientas de diseño con IA?
La mayoría de la UI generada termina siendo slop: tipografías que no combinan, bordes al azar, composiciones sin punto de vista. Los agentes de Gesso diseñan contra una especificación de diseño viva y mantienen tu lenguaje visual consistente del primer marco al último.
¿Para quién es Gesso?
Para quienes construyen, fundan y diseñan haciendo vibe coding: cualquiera que lanza producto y quiere un diseño que se sienta intencional sin un paso de entrega. Lo que diseñas aquí sale como HTML y CSS reales a partir de los cuales tu agente de código puede construir.
¿En qué se diferencia de pedirle un diseño a un asistente de chat?
El chat es lineal: un solo artefacto, iterado a lo largo de un hilo, el mismo resultado por defecto para todos. Gesso genera diseños realmente distintos lado a lado en un lienzo, así que eliges entre opciones reales en lugar de ir guiando una sola.
¿Mi agente de código puede usar Gesso?
Sí, en todos los planes. Agrega el servidor MCP alojado a Claude Code, Cursor o Codex con una línea y un inicio de sesión en el navegador. Tu agente puede generar y editar diseños, exportar pantallas y tokens al repositorio y ejecutar críticas.
¿Cuánto cuesta?
Gesso funciona con créditos. Un diseño completo cuesta 10 créditos y una edición cuesta una fracción de eso. Las cuentas Free reciben 60 créditos al mes. Pro cuesta $20 al mes por 120 créditos que se acumulan, con el modelo que tú elijas. Ultra cuesta $100 al mes por 400. Ver precios.
¿Qué es el guardián anti-slop?
73 reglas ejecutables que detectan las señales delatoras de la UI generada: el titular recortado con degradado, el color de acento que nadie eligió, el emoji que reemplaza a un sistema de iconos. Se ejecuta en cada pantalla que Gesso genera en producción, y es código abierto bajo licencia MIT en Gesso-Build/skills.
¿Cómo llegan los diseños a mi base de código?
Como archivos a partir de los cuales tu agente puede construir: pantallas en HTML y CSS, tokens de diseño y un design.md que registra las decisiones detrás de ellos. Por MCP, tu agente los trae directo al repositorio; sin MCP, el HTML y el CSS exportados se pegan en cualquier agente de código. Mantener la implementación fiel sigue siendo trabajo de tu agente; Gesso le da la fuente desde la cual trabajar.
¿Cómo pruebo Gesso?
Gesso está en beta y abierto a todo el mundo. Empieza y podrás comenzar tu primer brief de inmediato.