Figma Make: Qué es, cómo funciona, créditos y límites (2026)15 min read

Figma Make es la herramienta de solicitud de aplicación de IA de Figma. Usted describe lo que desea, o comienza a partir de un diseño Figma, y éste crea un prototipo funcional o una aplicación web que puede obtener una vista previa, refinar en el chat, editar en código y publicar. Se encuentra dentro de Figma como un archivo Make dedicado, por lo que puede usar sus diseños y bibliotecas como contexto. Está dirigido a diseñadores, gerentes de producto y cualquier persona que necesite convertir una idea en algo en lo que la gente pueda hacer clic.

Datos verificados con la página Figma Make y el centro de ayuda de Figma el 1 de noviembre de 2026. Los planes, créditos y funciones cambian con frecuencia, así que confirme los detalles actuales en Figma antes de comprar.

Esta guía explica qué es Figma Make, cómo funciona paso a paso, qué características son importantes, quién puede usarlo, cómo funcionan los créditos de IA, cómo publicar y exportar, y dónde están sus límites. Si elige entre herramientas, nuestra Comparación de Figma Make y Anima Playground cubre alternativas.

¿Qué es Figma Make?

Figma describe Figma Make como una herramienta de solicitud de aplicación impulsada por IA que le permite dar vida a ideas y diseños existentes de Figma como prototipos funcionales, aplicaciones web y UI interactiva. Trabajas en un chat junto a una vista previa en vivo y todo lo que creas está respaldado por código, por lo que puedes alternar entre la vista previa, las ediciones de apuntar y hacer clic y el código mismo.

Figma presentó Make en Config 2025 y pasó de ser una idea de un solo componente a un producto completo con modo de plan, un editor de código, backends, publicación e integraciones. Es independiente de Figma Design: crea un archivo Make de la misma manera que crea otros archivos Figma, usando el botón Make en sus borradores.

¿Qué puedes construir con Figma Make?

• Un prototipo de un flujo o función en el que se puede hacer clic para probar con los usuarios.
• Una versión interactiva de un diseño Figma existente, con transiciones y lógica.
• Una pequeña aplicación web o herramienta interna, con un backend para datos e inicio de sesión.
• Una página de destino o un micrositio que puede publicar en una URL pública.

Cómo funciona Figma Make, paso a paso

1. Cree un archivo Make. En el explorador de archivos Figma, abra sus borradores y haga clic en Make en la esquina superior derecha. También puedes comenzar desde una plantilla o clonando un repositorio GitHub.
2. Escribe un mensaje. Describe lo que quieres construir en el chat. Puedes escribir o dictar. Sea específico sobre el usuario, la tarea principal y las pantallas.
3. Añade contexto. Adjunte diseños Figma o pegue marcos en el chat, traiga contexto de estilo desde una biblioteca Figma (planes pagos), agregue un backend, conecte herramientas a través de conectores MCP o permita que Make busque en la web o obtenga una URL.
4. Planifica primero si quieres tener control. En los planes pagos, el modo de plan genera un plan estructurado que puede editar antes de escribir cualquier código.
5. Revisa la vista previa. Make crea la aplicación y la muestra en vivo. Haga clic en él como lo haría un usuario.
6. Refinar. Continúe chateando, use apuntar y editar para cambiar elementos específicos, agregar anotaciones y enviarlas juntas, o abra el editor de código y cambie el código directamente.
7. Comparte o publica. Comparta el archivo para recibir comentarios, copie la vista previa nuevamente a Figma Design como capas, publíquelo en una URL pública o descargue el código.

Un consejo práctico de los documentos de Figma: adjunte un marco o un componente en lugar de pegar un enlace a su archivo Figma. Make no lee un diseño de una URL y un enlace pegado puede generar resultados inesperados.

Características clave del Figma Make

Figma Make vs Figma Capas de código vs Figma Sites

Estos tres se confunden. Figma Make funciona en un archivo dedicado donde creas y publicas una aplicación. Las capas de código le permiten explorar ideas interactivas junto a sus diseños en el lienzo Figma Design; vea nuestra guía para Capas de código Figma y especificaciones. Figma Sites es para publicar sitios web diseñados en Figma. Elija Make cuando la salida deba comportarse como una aplicación y codifique capas cuando desee un elemento interactivo junto a su diseño estático.

¿Quién puede utilizar Figma Make y cuánto cuestan los créditos de IA?

Figma Make está disponible en los planes Starter (con limitaciones), Professional, Organization, Enterprise, Educación (usuarios de educación superior y bootcamp) y Gobierno. Tu asiento decide lo que puedes hacer:

Make se ejecuta con créditos de IA. Cada asiento incluye créditos, se reinician mensualmente y no se pueden compartir ni transferir. Según la documentación de Figma en octubre de 2026:

La cantidad de créditos que utiliza un mensaje depende del modelo que elija y de la tarea. Los propios ejemplos de Figma, basados ​​en su modelo predeterminado en febrero de 2026, incluyeron un pequeño cambio, como actualizar las fuentes en aproximadamente 30 créditos o más y hacer que un diseño adjunto sea interactivo en aproximadamente 75 o más. Elegir un modelo más ligero para ediciones pequeñas y usar el modo plano para construcciones grandes ayuda a que tus créditos duren.

Publicación, backends y realización de su trabajo

Publicar

Haga clic en Publicar, establezca un título y Make le proporcionará una URL pública que se parece a three-random-words.figma.site. Puede conectar un dominio personalizado en planes compatibles. Las aplicaciones publicadas están alojadas en Amazon Web Services con enrutamiento a través de Cloudflare, los motores de búsqueda no las indexan de forma predeterminada y Make no tiene un panel de análisis integrado, aunque puede agregar una ID de Google Analytics en la configuración.

backend

Para almacenar datos y admitir el inicio de sesión, puede pedirle a Make que cree un backend impulsado por Payload con una base de datos, almacenamiento de archivos, autenticación y un panel de administración, o conectar su propio proyecto Supabase desde la configuración de Make.

Código de exportación

Los usuarios con un puesto completo o de desarrollo pueden descargar todos los archivos en un archivo Make como un ZIP desde Acciones de archivo en la pestaña Archivos. Trate la descarga como un prototipo de código base: ejecútelo localmente, revíselo y refactorícelo antes de desarrollarlo.

Mover el diseño nuevamente a Figma

En los planes pagos, puede copiar la vista previa actual como capas de diseño y pegarlas en Figma Design. Las capas son editables, pero son una instantánea. No son interactivos, no están vinculados al archivo Make y no están vinculados automáticamente a su sistema de diseño.

Límites de Figma Make que debe conocer antes de comenzar

• La mayoría de las funciones necesitan un puesto completo en un plan pago y los créditos pueden agotarse rápidamente en versiones grandes.
• Está diseñado para prototipos y aplicaciones simples. El software de producción aún necesita revisión de ingeniería, pruebas, seguridad y mantenimiento.
• Los cambios que realice en las capas copiadas en Figma Design no regresan al archivo Make.
• Si le pide al modelo que use Supabase y la integración no está conectada, puede generar código simulado en lugar de una conexión que funcione.
• Los controles y análisis de SEO son mínimos para los sitios publicados.
• No puede entregarle un enlace Figma y esperar que lea el archivo. Adjunte o pegue el marco.

Si necesita un código de interfaz de usuario real, un clon de un sitio web o una aplicación que resida fuera de Figma, busque una alternativa como Anima Playground. Los comparamos honestamente en Figma Make frente a Anima Playground.

Ideas rápidas para Figma Make

Las indicaciones específicas que nombran al usuario, la tarea y los estados producen mejores primeros resultados. Pruebe estos:

• «Cree un flujo de incorporación de tres pasos para una aplicación de presupuesto. Muestre un indicador de progreso, valide cada campo y finalice en una pantalla de éxito».
• «Convierta el marco de precios adjunto en una página interactiva. Agregue una alternancia mensual y anual y un estado de desplazamiento en cada tarjeta del plan».
• «Cree un panel de soporte para un agente que clasifica los tickets. Incluya filtros, un estado vacío y un estado de carga».
• «Haga un prototipo de pago móvil con pago de invitado, validación de dirección y confirmación de pedido».

Cree una aplicación funcional con Anima Playground

¿Prefieres un sitio web o una aplicación real que puedas exportar y enviar? Descríbalo y Anima lo construirá.

Preguntas frecuentes sobre Figma Make

¿Qué es Figma Make?

Figma Make es la herramienta de solicitud de aplicación impulsada por IA de Figma. Convierte un mensaje o un diseño Figma existente en un prototipo funcional, una aplicación web o una interfaz de usuario interactiva que puede obtener una vista previa, editar en el chat o código y publicar.

¿Figma Make es gratuito?

Los planes Starter pueden explorar Figma Make de forma gratuita con límites, incluidos 500 créditos de IA al mes y un límite diario. Los asientos completos en planes pagos obtienen más créditos y funciones como contexto de biblioteca de equipo, modo de plan, uso compartido y publicación. Los planes cambian, así que consulte los precios de Figma.

¿Cómo uso Figma Make?

En sus borradores de Figma, haga clic en Make, escriba un mensaje en el chat, adjunte diseños o contexto de estilo si los tiene, envíelo y refine el resultado con el chat, apuntar y editar o el editor de código. Luego compártelo, publícalo o expórtalo.

¿Puede Figma Make exportar código?

Sí. Los usuarios con un puesto completo o de desarrollo pueden descargar el código de un archivo Make como ZIP desde la pestaña Archivos. Es mejor tratarlo como una base de código prototipo que se revisa antes de su uso en producción.

¿Puedo publicar una aplicación Figma Make?

Sí. Los puestos completos pueden publicar en una URL pública de figma.site, y los usuarios principiantes pueden publicar públicamente solo si también publican en Figma Community. Puede agregar un dominio personalizado en los planes admitidos y los motores de búsqueda no indexan las aplicaciones publicadas de forma predeterminada.

¿Cuál es la diferencia entre Figma Make y Anima Playground?

Figma Make crea prototipos y aplicaciones dentro del ecosistema Figma. Anima Playground es un espacio de trabajo independiente que comienza con indicaciones, diseños Figma, URL o imágenes y produce HTML o React editables que puede exportar, entregar y publicar. Vea nuestra comparación para más detalles.