IA y MCP

Un servidor MCP de diseño donde el lienzo es HTML

Las herramientas de diseño ya dejan entrar a los agentes de IA a través de MCP. Lo que el agente puede hacer depende de qué está hecho el lienzo. Cuando es HTML, el agente escribe la propia página.

Baurice Ley · 6 min de lectura · Datos verificados el 9 oct 2026

Qué aporta un servidor MCP a una herramienta de diseño

MCP, el Model Context Protocol, es una forma estándar de que un agente de IA use las herramientas de otra app. Una herramienta de diseño que ejecuta un servidor MCP permite a tu agente leer un archivo, modificarlo o convertirlo en código, desde tu editor de código o tu app de chat.

Cómo funciona el servidor MCP de Figma

Según el centro de ayuda de Figma, su servidor MCP da a los agentes contexto de diseño, variables, componentes y datos de layout, y puede generar código a partir de los frames seleccionados. Los agentes también pueden crear y modificar contenido nativo de Figma a través del servidor remoto. Ese acceso de escritura es gratuito durante la beta, y Figma indica que pasará a ser una función de pago según el uso.

El servidor remoto está disponible en todos los planes. El servidor de escritorio requiere un asiento Dev o Full en un plan de pago.

La clave: el agente trabaja sobre un diseño vectorial. Sacar una página web de ahí sigue siendo un paso de traducción.

Qué cambia cuando el lienzo es HTML

En Kalka, cada capa es un elemento HTML y cada estilo es CSS. Así que el agente no describe un diseño para que alguien lo reconstruya. Escribe la página, y tú la ves en el lienzo, como capas que puedes seleccionar y editar a mano.

// Herramientas previstas para el servidor MCP de Kalka
get_tree leer las capas de una página, como HTML
write_html añadir o reemplazar una sección de la página
update_styles cambiar el CSS de cualquier capa
get_screenshot mirar el resultado, como lo haría un diseñador
export devolver los archivos

Tres cosas que lo hacen diferente

  • Local, sin límite de uso. El servidor se ejecuta con la app de escritorio en tu equipo. Sin cuota de llamadas a herramientas, sin cuenta obligatoria.
  • Cualquier agente. Si tu agente habla MCP, puede trabajar en Kalka. No estás atado a un solo modelo.
  • Nada que convertir. Lo que escribe el agente es lo que se publica: HTML y CSS en una carpeta que es tuya.

Un ejemplo

Pides: "Añade una sección de precios con tres planes, con el mismo estilo que el hero." El agente lee la página con get_tree, escribe una section.pricing con write_html, la comprueba con get_screenshot, y luego tú ajustas un radio y un color a mano en el panel de diseño. Sin exportar, sin handoff.

Kalka está en desarrollo y es de código abierto. La lista de herramientas de arriba procede de nuestra especificación de producto y puede cambiar antes del lanzamiento.