Figma Make se lanzó en versión beta abierta en Config 2025. En las próximas semanas, se pondrá a disposición de las personas con puestos Full en todos los planes de pago. Obtén más información sobre lo que se incluye en la versión beta.
¿Qué es Figma Make?
Figma Make es una herramienta impulsada por IA, de indicación a código, que permite convertir ideas y diseños existentes de Figma en prototipos funcionales, aplicaciones web y UI interactivas. A través de la conversación, puedes idear, iterar y mejorar tus prototipos funcionales y aplicaciones web.
Usa Figma Make para lo siguiente:
- Obtén una vista previa de la apariencia de tus diseños en una forma funcional.
- Transforma propuestas e ideas en prototipos para perfeccionar tu enfoque de producto.
- Explora una variedad de soluciones para el problema que intentas resolver.
Figma Make proporciona varias funciones que facilitan la transformación de tus diseños de Figma en prototipos funcionales:
- Adjunta tus diseños, los componentes y el contenido de la Comunidad de Figma existentes a tus indicaciones.
- A medida que continúas una conversación, señala las 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 generado.
- 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 una URL dedicada.
Si la versión beta de Figma Make ya se ha implementado en tu cuenta y deseas comenzar, revisa Crear y editar un prototipo o una aplicación web funcional. 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 implementado para ti. ¡El acceso se implementará en las próximas semanas!
Encuentra tu forma
Figma Make ofrece una interfaz sencilla para que comiences 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 interactuar con el modelo, y la vista previa, donde puedes ver una versión funcional de tu aplicación y editar el código.
Chatear con IA
El chat de IA en Figma Make es donde compartirás diseños e 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 usar tus diseños existentes para generar una aplicación, haz clic en Adjuntar diseño y selecciona el diseño que deseas usar. 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.
Usar imágenes para crear con Figma Make
¿Tienes una idea que aún no está en un archivo de diseño? Proporciona imágenes en el chat de IA para comenzar tu aplicación. Para usar una imagen, haz clic en Adjuntar imagen y selecciona la imagen que deseas agregar, o pega la imagen directamente en el chat.
Guiar a la IA con la conversación
¿Tienes ideas o instrucciones inspiradoras que deseas que el modelo siga? Escribe tus ideas en el chat de IA y trabaja de manera iterativa con Figma Make para darles vida.
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 de IA. Puedes seguir adjuntando diseños, imágenes y escribiendo en el cuadro de indicaciones 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 efectuar cambios directos. En función del elemento, puedes hacer cosas como cambiar el margen interior, los márgenes, los colores y las propiedades del texto. También puedes usar la herramienta de edición para indicar los cambios específicos que deseas ver.
Crear prototipos funcionales, aplicaciones web y UI interactivas
¿Listo para empezar? Consulta Crear y editar un prototipo funcional o una aplicación web, donde encontrarás todos los detalles que te ayudarán a empezar 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 en pantalla completa, similar a los prototipos de Figma Design.
Colaborar en prototipos funcionales y aplicaciones web y compartirlos
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, con permisos detallados para controlar el acceso y proteger tus conceptos.
Luego, cuando estés listo, publica tu prototipo funcional o aplicación web en la web pública con tu propia URL dedicada gratuita de Figma, o asigna un dominio personalizado que poseas.
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 durante la versión beta
Solo las personas que tienen la versión beta de Figma Make pueden crear, interactuar y ver archivos de Figma Make. Si un archivo de Figma Make se comparte con una persona que aún no es parte de la versión beta, esta persona verá una página de error 404.
Los propietarios de archivos y cualquier persona que tenga el 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 usó para publicar el sitio.
Crear archivos
Para crear archivos de Figma Make, debes tener 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 podrán modificar los duplicados.
Editar, ver y compartir
En función de tus permisos, puedes realizar diferentes acciones en un archivo de Figma Make.
- Las personas con permisos de
puede editar
pueden adjuntar diseños, imágenes, ver el historial de chat y escribir indicaciones en el chat de IA. Pueden ver 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 permisos de
pueden ver
pueden ver las indicaciones en el chat de IA, ver el historial del chat, pero no pueden escribir sus propias indicaciones. Pueden ver 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
- Vista previa de un prototipo funcional o de una aplicación web
- Publicar, actualizar o cancelar la publicación un prototipo funcional o una aplicación web
¿Tienes preguntas sobre Figma Make?
Si tienes preguntas sobre la versión beta de Figma Make o cómo usar Figma Make, consulta las preguntas frecuentes de Figma Make.