Figma Make se lanzó en beta abierta en Config 2025. En las próximas semanas, se pondrá a disposición de las personas con puesto Full en todos los planes de pago. Descubre más sobre lo que se incluye en la versión beta.
¿Qué es Figma Make?
Figma Make es una herramienta basada en IA de indicación a código que te permite convertir ideas y diseños existentes de Figma en prototipos funcionales, aplicaciones web e interfaces de usuario interactivas. A través de una conversación, puedes idear, iterar y mejorar tus prototipos funcionales y aplicaciones web.
Utiliza Figma Make para:
- Obtener una vista previa del aspecto y la sensación de tus diseños en una forma funcional
- Convertir propuestas e ideas en prototipos para perfeccionar tu enfoque del producto
- Explorar una variedad de soluciones para un problema que estás intentando resolver
Figma Make ofrece varias funciones que facilitan la transformación de tus diseños de Figma en prototipos funcionales:
- Adjunta tus diseños, componentes y contenido de la Comunidad de Figma a tus indicaciones
- Durante la conversación, señala partes específicas de la vista previa que deseas mejorar
- Colabora con tu equipo en las mismas conversaciones y modifica simultáneamente el código que se genera
- Comparte vistas previas de tu prototipo funcional o aplicación web con otras personas
- Publica tu prototipo funcional o aplicación web como un sitio web con su propia URL específica
Si la versión beta de Figma Make ya se ha implementado en tu cuenta y deseas comenzar, consulta Crear y editar un prototipo funcional o una aplicación web. Puedes crear archivos de Figma Make de la misma manera que creas otros archivos nuevos en Figma. Abre tus borradores en el explorador de archivos, haz clic en + Crear en la esquina superior derecha y selecciona Make.
Si eres un usuario con un puesto Full en un plan de pago y no ves la opción Make al crear archivos, significa que la versión beta aún no se ha desplegado para ti. ¡El acceso se seguirá implementando en las próximas semanas!
Hazlo a tu manera
Figma Make ofrece una interfaz sencilla para que puedas empezar a generar prototipos a partir de tus diseños lo más rápido posible. Figma Make tiene dos áreas principales: el chat de IA, donde puedes dar indicaciones al modelo, y la vista previa, donde puedes ver una versión funcional de tu aplicación y editar el código.
Chatea con una IA
El chat de IA en Figma Make es donde compartirás los diseños y las imágenes de Figma, conversarás con el modelo para generar tu prototipo funcional o aplicación web, e iterarás mediante indicaciones.
Lleva tu diseño a Figma Make
Para utilizar tus diseños existentes para generar una aplicación, haz clic en Adjuntar diseño y selecciona el que quieras utilizar. Puedes adjuntar más de un diseño para proporcionar más orientación al modelo.
También puedes pegar marcos y componentes de tus diseños directamente en el chat de IA.
Utiliza imágenes para crear con Figma Make
¿Tienes una idea que aún no está en un archivo de diseño? Añade imágenes al chat de IA para comenzar la aplicación. Para utilizar una imagen, haz clic en Adjuntar imagen y selecciona la imagen que deseas añadir, o pégala directamente en el chat.
Guiar a la IA mediante una conversación
¿Tienes ideas o instrucciones inspiradoras que deseas que el modelo siga? Escribe tus ideas en el chat de IA y colabora iterativamente con Figma Make para hacerlas realidad.
Iterar con la conversación y la herramienta de edición
Mejorar tu prototipo funcional o aplicación web es tan sencillo como seguir la conversación en el chat con la IA. Puedes seguir adjuntando diseños, imágenes y escribiendo en el cuadro de diálogo para iterar sobre el resultado de tu conversación.
También puedes utilizar la herramienta de edición de Figma Make para señalar partes específicas de tu prototipo funcional o aplicación web y hacer cambios directos. Según el elemento, puedes realizar acciones como modificar el espaciado, los márgenes, los colores y las propiedades del texto. También puedes usar la herramienta de editar para solicitar los cambios específicos que deseas ver.
Crear prototipos funcionales, aplicaciones web e interfaces de usuario interactivas
¿Tienes todo a punto? Consulta Crear y editar un prototipo funcional o aplicación web, donde encontrarás todos los detalles para ayudarte a comenzar a generar con el chat de IA.
Una vez que tengas tu prototipo funcional o aplicación web, también puedes verlo en una vista previa dedicada a pantalla completa, igual que los prototipos de Figma Design.
Colaborar y compartir prototipos funcionales y aplicaciones web
Una vez que hayas creado un prototipo funcional o una aplicación web, puedes compartirlo con tus compañeros de equipo o con cualquier persona en la web.
Puedes compartir la vista previa de tu prototipo funcional o aplicación web con quien desees, utilizando permisos detallados para controlar el acceso y proteger tus conceptos.
Luego, cuando acabes, publica tu prototipo funcional o aplicación web en la web pública con su propia URL específica, cortesía de Figma, o asigna un dominio personalizado que sea tuyo.
Permisos en Figma Make
Tus permisos determinan qué acciones puedes realizar en los archivos de Figma Make y si puedes hacer cambios en un prototipo funcional o en una aplicación web.
Compartir archivos de Figma Make en la versión beta
Solo las personas con la versión beta de Figma Make pueden crear, interactuar y ver archivos de Figma Make. Si se comparte un archivo de Figma Make con alguien que aún no tiene la beta, verá una página de error 404.
Los propietarios de archivos y cualquier persona con permiso Puede editar
para un archivo de Figma Make pueden publicar el archivo en la web pública. Una vez que los archivos de Figma Make se publiquen como prototipos funcionales o aplicaciones web, estarán accesibles en la web pública. Sin embargo, los visitantes del sitio no pueden acceder al archivo de Figma Make que se utilizó para publicarlo.
Creación de archivos
Para crear archivos de Figma Make, necesitas acceso a la versión beta de Figma Make y un puesto Full en un plan de pago.
Las personas con un puesto Collab, Dev o View pueden ver los archivos de Figma Make que se comparten con ellos. Pueden duplicar archivos, pero no modificar los duplicados.
Edición, visualización y uso compartido
Según tus permisos, puedes realizar diferentes acciones en un archivo de Figma Make.
- Las personas con permiso
Puede editar
pueden adjuntar diseños, imágenes, ver el historial del chat y escribir instrucciones en el chat de IA. Pueden visualizar la vista previa en pantalla completa. Pueden invitar a otros editores y espectadores al archivo. Pueden publicar el archivo de Figma Make en la web pública. - Las personas con permiso
Puede visualizar
pueden ver las indicaciones en el chat de IA y el historial del chat, pero no pueden escribir sus propias indicaciones. Pueden visualizar la vista previa en pantalla completa. Pueden invitar a otros espectadores al archivo.
¿Y ahora, qué?
Para comenzar a usar Figma Make, consulta los siguientes artículos:
- Crear y editar un prototipo funcional o una aplicación web
- Adjuntar diseños e imágenes a una indicación
- Crear la vista previa de un prototipo funcional o una aplicación web
- Publicar, actualizar o despublicar un prototipo funcional o una aplicación web
¿Tienes alguna pregunta sobre Figma Make?
Si tienes preguntas sobre la beta de Figma Make o sobre cómo usar Figma Make, consulta las Preguntas frecuentes de Figma Make.