Kite

• Editor completo con flex, grid y constraints, componentes con variantes, variables con modos (claro y oscuro), herramienta de pluma, tipografía y efectos.
• Servidor MCP alojado con 61 herramientas para que Claude, ChatGPT, Cursor o cualquier cliente MCP cree archivos y dibuje en ellos, más un servidor local en la app de Mac.
• Peticiones por comentarios: mencionas al agente sobre un frame y este ejecuta el trabajo y contesta en el mismo hilo.
• Sistema de diseño compartido: variables, componentes publicados en el workspace y "skills" en lenguaje natural que los agentes leen antes de dibujar.
• Interoperabilidad con Figma en ambos sentidos (pegar frames como capas editables y copiar de vuelta a Figma) y extensión Kite Capture para Chrome que convierte páginas web en capas.
• Colaboración en tiempo real con cursores propios para personas y agentes, historial de versiones, exportación a PNG, WebP, SVG y PDF, y copia de cualquier frame como HTML, React o Tailwind.

Está pensado para diseñadores de producto, equipos de diseño y desarrolladores que ya trabajan a diario con agentes de IA como Claude, ChatGPT, Cursor o Codex y quieren que esos agentes intervengan directamente en el archivo de diseño en lugar de generar pantallas sueltas. Encaja especialmente en equipos que mantienen un sistema de diseño propio y en quienes buscan una alternativa a Figma donde el diseño sea HTML y CSS reales.

Casos de uso

• Pedir en un comentario que una pantalla de saldo se convierta en un checkout, con los botones usando el color primario del sistema, y que el agente lo resuelva y responda en el hilo.
• Pegar frames desde Figma como capas editables, iterarlos en Kite con ayuda del agente y devolverlos a Figma.
• Capturar una página web con la extensión de Chrome y pegarla en Kite como frames, texto e imágenes para rediseñarla.
• Cambiar un valor de una variable o alternar entre modo claro y oscuro para que todos los frames dibujados con ese sistema se actualicen.

Hay un plan gratuito con editores y espectadores ilimitados, un workspace con 3 archivos y 200 acciones de agente al día. Pro cuesta 20 $ por editor al mes (16 $ con facturación anual) e incluye archivos y acciones de agente ilimitados e historial de versiones; Team cuesta 35 $ por editor al mes (28 $ anual) y añade SSO/SAML, controles de administración y soporte dedicado. No se pagan créditos de IA: el agente corre con el plan que ya tengas contratado.

ParcialmenteEl sitio web ofrece versión en español entre sus idiomas, pero las fuentes no confirman si el editor en sí está traducido.

¿Es Kite una alternativa a Figma?

Según Kite, sí: incluye auto layout, componentes con variantes, variables con modos, pluma y tipografía real, y permite pegar desde y hacia Figma como capas editables. La diferencia es que el diseño es HTML y CSS reales, por lo que los agentes pueden diseñar directamente en él.

¿Tengo que pagar créditos de IA aparte?

No. Kite no ejecuta ningún modelo para diseñar: tu agente funciona con el plan que ya pagas (Claude, ChatGPT o Cursor), y Kite cobra solo por las personas que editan.

¿Cómo conecto mi agente?

A través del servidor MCP alojado de Kite, compatible con cualquier cliente con streamable HTTP y OAuth; Claude se añade desde su directorio de conectores con un clic o se conecta Claude Code con un comando, sin copiar claves.