Figma Make: prototipos y apps con IA dentro de Figma

¿Qué acepta como punto de partida?

Según la página oficial de Make, puedes escribir un prompt o dictarlo por voz, y adjuntar diseños, imágenes, videos, audio, archivos de texto y PDF. También toma contexto de los frames de Figma, de los kits de Make (paquetes npm, variables y estilos de bibliotecas publicadas, y guías de uso), de fuentes personalizadas y de herramientas externas conectadas por MCP. El centro de ayuda añade que puedes empezar desde una plantilla o desde un repositorio de GitHub clonado.

Para diseños complejos, la guía de Figma recomienda adjuntar frames en vez de imágenes (contienen datos estructurados), usar auto layout, construir pantalla por pantalla con uno o dos diseños a la vez, y decir si quieres una copia 1:1 o solo inspiración de estilo. Primero la maquetación, después la funcionalidad.

¿Qué produce y cómo se refina?

La salida son prototipos funcionales o apps web. El centro de ayuda describe un chat donde hablas con el agente y un espacio de trabajo con tres pestañas: Browser (vista previa), Files (archivos y código) y Review (cambios de código como adiciones y eliminaciones). Para refinar puedes:

• Hacer clic en un elemento de la vista previa y ajustarlo en un panel de propiedades parecido al de Figma Design.
• Dibujar o anotar sobre la vista previa para dar instrucciones.
• Volver a versiones anteriores con el historial.
• Pedir primero un plan: el modo plan genera un plan estructurado antes de escribir código y está disponible en planes de pago.
• Copiar la vista previa como capas a Figma Design.

Para guardar datos, tener login o guardar claves, puedes añadir un backend. Según Figma, Payload es el backend nativo de Make hacia adelante: incluye base de datos, almacenamiento de archivos, autenticación y un panel de administración, y Figma lo aloja en el este de Estados Unidos. Supabase sigue disponible como conexión de terceros y las apps ya creadas con Supabase siguen funcionando. Los proyectos con Payload gastan más créditos, y la integración con GitHub y los flujos de código local aún no están disponibles para apps con Payload.

Publicar crea una URL pública que por defecto no se indexa en buscadores. No hay panel de analítica, pero puedes añadir un ID de Google Analytics. Mientras la publicación esté en beta, el alojamiento no se cobra aparte, y en Starter solo puedes publicar en la web si también publicas en la Figma Community. Una función en beta cerrada, “Make en tu codebase local”, permite conectar un repositorio de GitHub y cambiar la interfaz de una app real; requiere la app de escritorio Figma Beta para Mac y que un ingeniero prepare una carpeta .figma/make en el repositorio.

¿Quién puede usarlo y cuánto cuesta?

El centro de ayuda dice que Make está disponible para asientos Full de planes de pago, y que otros asientos y planes pueden probarlo. Los créditos de IA vienen incluidos en cada asiento. Según la página de precios de Figma, consultada el 30 de octubre de 2026:

La página muestra un selector mensual/anual para Professional pero solo una cifra, así que no puedo confirmar a qué modalidad corresponde. Los créditos incluidos en cada asiento se reinician cada mes, no se acumulan y no se pueden compartir. Los créditos adicionales se compran con pago por uso o con una suscripción, sin precio publicado en la página, y según esa página se pueden compartir en todo el equipo. En la página de precios, Make aparece entre los productos del asiento Full; los asientos Dev y Collab dan acceso a otros productos y solo permiten ver y comentar archivos de Figma Design.

¿Cómo se gastan los créditos?

Cada prompt gasta créditos según el modelo, la complejidad de la tarea y el volumen de contexto. En Make puedes elegir modelo, y algunos consumen bastante más que otros. Figma no lista los modelos en el artículo de créditos, así que revisa el selector en tu propio archivo. Como orden de magnitud, el centro de ayuda da estas aproximaciones con el modelo por defecto, vigentes en febrero de 2026: cambiar una fuente cuesta 30 créditos o más, hacer interactivo un diseño 75 o más, y generar una app desde cero 100 o más. Con esa cifra, los 500 créditos de Starter alcanzan para unas cinco apps desde cero como máximo (cuenta mía, no cifra oficial).

Otras reglas del artículo “How Figma AI credits work”, con tarifas vigentes al 15 de octubre de 2026 y sujetas a cambio:

• El modo plan es un paso aparte; la construcción posterior gasta créditos adicionales.
• Deshacer no devuelve créditos.
• Los botones “Auto fix” y “Fix for me” no gastan créditos, pero enviar un prompt nuevo para corregir sí.
• Con cero créditos no puedes hacer más acciones de IA hasta que un administrador añada créditos o llegue el reinicio mensual.

¿Cuándo NO conviene?

• Cuando no tienes un asiento Full y tu flujo depende de Make: solo puedes probarlo.
• Cuando vas a escribir datos sensibles en el chat. Figma lo desaconseja: las claves y datos personales van en el backend, no en el prompt.
• Cuando necesitas una experiencia móvil pulida: Figma indica que la salida móvil aún se está mejorando y que funciona mejor con contenido de escritorio en pantalla completa.
• Cuando el diseño tiene muchas imágenes, SVG o ilustraciones vectoriales: Figma avisa de que son difíciles de manejar para el sistema.

Si prefieres empezar desde un prompt fuera de Figma, mira v0, Lovable o Replit Agent, y la guía general de prototipar con IA.

Ejemplo

Ejemplo ilustrativo: una diseñadora tiene un frame de un flujo de onboarding de tres pasos, con componentes de su biblioteca publicada. Adjunta los frames de uno en uno y escribe: “Convierte estos tres pasos en un prototipo navegable con una barra de progreso.” Revisa el resultado en la pestaña Browser, corrige el texto de la barra haciendo clic en el elemento y ajusta un espaciado en el panel de propiedades. Después pide las validaciones del formulario en un segundo prompt y compara cada pantalla con el frame original.

Lo que aprendió: adjuntar frames con auto layout, en lugar de pegar una captura, le dio al agente datos estructurados de los que partir, que es justo lo que recomienda Figma.

Errores comunes

• Dar por hecho que el prototipo tiene la lógica del producto: lo que aparece en pantalla no define reglas ni estados.
• Pedir todo el flujo en un solo prompt en vez de pantalla por pantalla.
• Pegar claves de API o datos personales en el chat.
• Gastar prompts, y créditos, en detalles que puedes ajustar directamente en el panel de propiedades.
• Publicar sin revisar los derechos de fuentes, paquetes e imágenes.

Fuentes

• Figma: página de precios
• Figma: página de Make
• Figma Help: Explore Figma Make
• Figma Help: Create and edit a Figma Make file
• Figma Help: Figma Make FAQs
• Figma Help: How Figma AI credits work
• Figma Help: Add a backend to a functional prototype or web app
• Figma Help: Make in your local codebase
• Figma Help: What’s new from Config India 2026