SVG Lab

Convierte tu IA en un motor de diseño: pide a Claude, ChatGPT, Codex o Cursor pantallas de apps, iconos e ilustraciones, y SVG Lab las crea como SVG limpio en un lienzo, gestionando espaciado, alineación y tipografía. Servidor remoto en https://svglab.app/mcp con inicio de sesión OAuth, sin necesidad de clave.

Ver en svglab.appPrueba este MCPPatrocinado

Servidor MCP alojado

npx add-mcp 'https://svglab.app/mcp'

Se instala en Claude Code, Codex, Cursor y más

Documentación

El servidor MCP de SVG Lab

SVG Lab (svglab.app) tiene un servidor MCP remoto, el MCP de SVG Lab, que aloja el Motor de Diseño de SVG Lab: el Motor de Diseño para IA. La IA aporta la idea (contenido, paleta, dirección); SVG Lab garantiza la estructura (espaciado, alineación, tamaño, tipografía, geometría vectorial válida). Todo lo que crea se guarda en los proyectos de SVG Lab del usuario como diseños terminados que se exportan como SVG, PNG o PDF. Se ejecuta en los servidores de SVG Lab, por lo que no es necesario tener SVG Lab abierto ni usar un código de emparejamiento.

Lo que crea

  • Pantallas de aplicaciones y web con diseño, componentes y tipografía reales
  • Iconos y conjuntos de iconos
  • Ilustraciones y figuras humanas
  • Diseños con fotografía real
  • Gráficos
  • Diapositivas, publicaciones para redes sociales y carteles

Cómo conectarse

URL del servidor: https://svglab.app/mcp (MCP remoto, HTTP transmisible, inicio de sesión OAuth 2.1).

  • Claude (claude.ai, Claude Desktop): Personalizar, Conectores, +, Añadir conector personalizado. Pega https://svglab.app/mcp,, pulsa Añadir, luego Conectar, inicia sesión en SVG Lab y aprueba.
  • Claude Code: Ejecuta: claude mcp add --transport http --scope user svglab https://svglab.app/mcp. Luego abre /mcp en Claude Code y autentícate.
  • ChatGPT: Configuración, Seguridad e inicio de sesión, activa el modo desarrollador. Luego Plugins, +, crea una aplicación en modo desarrollador con la URL del servidor MCP https://svglab.app/mcp y OAuth, e inicia sesión en SVG Lab.
  • Codex: En la aplicación Codex: Configuración, Plugins, MCPs, Añadir, Conectar a un MCP personalizado. Nombra SVG Lab, tipo HTTP transmisible, URL https://svglab.app/mcp, Guardar. Luego pulsa Autenticar en la fila de SVG Lab y aprueba en el navegador.
  • Cursor: Añade a ~/.cursor/mcp.json: { "mcpServers": { "svglab": { "url": "https://svglab.app/mcp" } } }, luego inicia sesión cuando Cursor lo solicite.
  • OpenCode: Añade a opencode.json bajo "mcp": "svglab": { "type": "remote", "url": "https://svglab.app/mcp", "enabled": true }, luego ejecuta: opencode mcp auth svglab.
  • Otros clientes MCP: Cualquier cliente que admita MCP remoto sobre HTTP transmisible con OAuth: URL del servidor https://svglab.app/mcp. Configuración completa para cada aplicación: https://svglab.app/mcp-setup.

Configuración paso a paso para cada aplicación (Claude, Claude Code, ChatGPT, Codex, Cursor, VS Code, OpenCode, Windsurf, Gemini CLI), con configuraciones de copiar y pegar, un prompt de prueba y solución de problemas: https://svglab.app/mcp-setup (envía Accept: text/markdown para la versión en Markdown).

Acceso

Cada cuenta de SVG Lab recibe 100 solicitudes gratuitas para probar el MCP de SVG Lab, una vez, sin necesidad de rellenar ningún formulario. Después, los planes Plus y Max incluyen una asignación mensual de solicitudes, y las recargas añaden solicitudes que nunca caducan. Una llamada de herramienta equivale a una solicitud, y las llamadas que fallan no se cuentan. Planes y recargas: https://svglab.app/billing. Plus cuesta $20 al mes con 5,000 solicitudes mensuales; Max cuesta $40 al mes con 15,000 solicitudes mensuales.

Más: https://svglab.app/mcp-server. Planes: https://svglab.app/billing.