Servidor MCP de UXMagic
Conecta Claude, Cursor, VS Code, Windsurf, Codex o Antigravity a tus proyectos de UXMagic.
Última actualización:
El Model Context Protocol (MCP) es un estándar abierto que permite a los asistentes de IA hablar directamente con herramientas externas. El servidor MCP de UXMagic conecta tu asistente de programación con tus proyectos reales de UXMagic, de modo que en lugar de copiar capturas en un chat, tu asistente lee el diseño de verdad.
Configuración
- Ve a la página de MCP y elige tu IDE.
- Genera una clave de API: consulta Claves de API.
- Copia la configuración generada y pégala en los ajustes de MCP de tu IDE.
- Reinicia el IDE si no detecta el servidor nuevo de inmediato.
Soportados de serie: Claude, Cursor, VS Code, Windsurf, Codex y Antigravity. Cualquier cliente compatible con MCP funciona con la misma configuración.
Qué puede hacer tu asistente una vez conectado
Leer tu trabajo
- Listar tus proyectos y obtener los detalles de un proyecto.
- Listar las pantallas de un proyecto y obtener los detalles de una pantalla.
- Leer el HTML de una pantalla y leer el tema del proyecto.
- Listar y leer los documentos del proyecto (PRDs, briefings).
Cambiar tu trabajo
- Crear un proyecto, crear una pantalla, duplicar una pantalla.
- Hacer una edición dirigida de buscar y reemplazar en una pantalla, o sustituir todo el cuerpo de una pantalla.
- Sustituir una imagen.
- Exportar una pantalla a Figma.
Generar
- Lanzar una generación de diseño, comprobar su estado y después confirmarla o cancelarla.
La generación es deliberadamente un intercambio de tres pasos en lugar de una sola llamada: tu asistente la inicia, la vigila y tú decides si te quedas con el resultado, de modo que un bucle de agente no pueda quemar tus créditos en silencio.
Un flujo de trabajo típico
«Lee la pantalla de Precios de mi proyecto Ledgerly e impleméntala como componente de React usando nuestros design tokens».
Tu asistente se trae el marcado y el tema reales y después escribe código contra ellos. Sin capturas, sin desviaciones, sin volver a describir el diseño.
Créditos
Las operaciones de lectura son gratuitas. Generar a través de MCP cuesta los mismos créditos que generar en la aplicación: es el mismo motor.
Seguridad
Tu clave de API autentica la conexión con tu cuenta. Mantenla fuera de los archivos que se suben al repositorio, y rótala o revócala en cualquier momento desde los ajustes de tu cuenta.
Preguntas frecuentes
- ¿Qué IDEs están soportados?
- Claude, Cursor, VS Code, Windsurf, Codex y Antigravity, y cualquier otro cliente compatible con MCP.
- ¿Tengo que instalar algo?
- No. UXMagic genera la configuración para tu IDE; tú la pegas en los ajustes de MCP del IDE.
¿Te ha resultado útil este artículo?
Artículos relacionados
Claves de API
Crea, rota y revoca claves para el servidor MCP y el acceso a la API.
Exportar código (HTML, React, Tailwind)
Exporta una sola pantalla o un proyecto entero como código de front end listo para producción.
Sincronización con GitHub
Envía el código exportado directamente a un repositorio y despliega con GitHub Pages.