Le Répertoire des AgentsFR · EN · ES · JA · HI

“Tengo una maqueta de Figma pero no sé programarla”

Diseñadores y promotores de proyectos con una maqueta de Figma atractiva que se quedan bloqueados ante el código. El diseño está listo; falta la técnica.

Agente recomendado: Locofy

💰 De 0 a unos 50 $/mes (prueba gratuita para probar). Nivel: Intermedio 🌍 Singapur Versión gratuita permanente + prueba gratuita de los planes de pago; Pro desde 9 $/mes

Locofy (locofy.ai): un plugin que transforma tus maquetas de Figma en código limpio y estructurado (React, HTML...), listo para desplegar.

Cómo funciona

Activador: Seleccionas pantallas en Figma — analiza los componentes y los transforma en código estructurado, una interfaz exportable por probar en todas las pantallas.

Puesta en marcha paso a paso

Instala el plugin de Locofy en Figma.
Selecciona las pantallas que quieres convertir.
La IA genera el código: previsualiza el resultado en directo.
Exporta a tu proyecto o despliega directamente.

⚠️ Precauciones: Nombra limpiamente tus capas en Figma: cuanto más ordenado esté el archivo, mejor será el código generado. Verifica la visualización en el móvil antes de publicar.

🔧 Detalles técnicos

Instalación: híbrido — Builder alojado en la nube y plugin de Figma (Locofy Lightning), con herramientas locales: CLI, extensión de VS Code y servidor MCP para recuperar y fusionar el código generado.
Requisitos previos: Una cuenta de Locofy (registro mediante Google, GitHub o correo electrónico) y un diseño de Figma accesible, por URL compartida o vía el plugin; para el CLI, Node.js/npm (« npm install -g @locofy/cli », luego « locofy login » y « locofy init »); para el MCP, un proyecto sincronizado en el Builder y un token MCP generado por proyecto.
Equipo: non_applicable
Alojamiento propio: parcial — la plataforma sigue alojada por Locofy, pero el código generado pertenece al usuario y se exporta (ZIP, sincronización con GitHub, CLI, extensión de VS Code) para alojarse libremente; un despliegue on-premise de la propia plataforma: non_documente.
Licencia: licencia de la plataforma no verificada en las condiciones oficiales consultadas; las páginas oficiales precisan solamente que el usuario conserva la plena propiedad del código generado.
API e integraciones: API: No documentado (ninguna API REST pública del producto está documentada en las fuentes oficiales consultadas.) · SDK: No documentado · CLI: sí — CLI oficial @locofy/cli: « locofy pull » recupera el código generado y lo fusiona inteligentemente en el código local, y luego un modo interactivo permite afinarlo en lenguaje natural. · Webhooks: No documentado · MCP: sí — Locofy MCP (paquete @locofy/mcp) conecta el proyecto a los editores y agentes compatibles (Cursor, Claude Desktop/Code, GitHub Copilot, Windsurf, Gemini CLI) mediante un mcp.json y un token propios del proyecto; herramientas de recuperación de componentes y de archivos documentadas.
Modelos: Modelos propietarios internos « Large Design Models » (LDM), multimodales y heurísticos, entrenados con millones de diseños y de productos — sin los datos de los clientes. Claves personales (BYOK) y modelos locales: non_documente.
Datos: El diseño se envía al servicio Locofy, que lo convierte con sus Large Design Models y devuelve el código al Builder, a GitHub o al puesto local (CLI/VS Code/MCP); Locofy declara no utilizar los datos de los clientes para entrenar sus modelos y el usuario conserva la plena propiedad del código generado. Retención de los diseños y del código en Locofy: non_documente.
Límites documentados: El consumo se mide en LDMtokens (conversión Lightning y prompts del modo Agent), seguidos en la página « Plan and Usage » del panel (historial de uso y saldo). Cuotas cifradas por plan: non_documente en las páginas oficiales consultadas.
Operación: Seguimiento de uso y de facturación (plan, historial de LDMtokens, facturas) en el panel; tokens MCP por proyecto, regenerables y revocables, con expiración a elección (1 mes o sin expiración). SSO, RBAC y registros de auditoría: non_documente.

Fuentes oficiales: www.locofy.ai · www.locofy.ai · www.locofy.ai · www.locofy.ai · www.locofy.ai — verificado el 1 de noviembre de 2026.

Encuentra tu agente con el cuestionario →

Preguntas frecuentes

¿Cuánto cuesta Locofy?

De 0 a 50 $/mes aproximadamente (prueba gratuita para probar). Versión gratuita permanente + prueba gratuita de los planes de pago; Pro desde 9 $/mes.

¿Locofy es gratuito?

Sí, en parte. Versión gratuita permanente + prueba gratuita de los planes de pago; Pro desde 9 $/mes.

¿Es difícil empezar a usar Locofy?

Nivel: Intermedio. La puesta en marcha se hace en 4 pasos; el primero: instale el plugin de Locofy en Figma.

¿Qué límites y precauciones hay que conocer con Locofy?

Nombre limpiamente sus capas en Figma: cuanto más ordenado esté el archivo, mejor será el código generado. Verifique la visualización en el móvil antes de publicar.