Cómo empezar a crear prototipos con Figma Make

TL;DR

Figma Make convierte instrucciones escritas y diseños existentes en prototipos basados en código, sin exigir conocimientos de desarrollo. Para mejorar los resultados, permite pegar frames con sus capas y configuración responsive, aplicar estilos y guías, editar elementos puntualmente y colaborar en tiempo real dentro de la plataforma Figma.

Transcript

Hola, Hugo. Buenos días, buenas tardes. Hola a todos. ¿Todo bien? ¿Me escuchan? ¿Nos ven? Espero que sí. Por favor, si consiguen ver. Hola. Hola a todos. Gracias, muchas gracias. Bienvenidos, bienvenidas a nuestro primer webinar cien por ciento en español sobre Figma Make. Muchas gracias por su participación. Hugo y yo estamos muy animados para con... Read More

Key Insights

• Figma Make transforma instrucciones en prototipos basados en código sin exigir experiencia de desarrollo.
• Los frames pegados desde Figma Design conservan capas, contexto visual y configuración responsive.
• Nombrar las capas crea un lenguaje compartido entre los archivos de Figma Design y Figma Make.
• Las bibliotecas publicadas aportan colores, tipografías y guías de diseño a los resultados generados.
• Los archivos de guías proporcionan reglas e instrucciones explícitas a los modelos de lenguaje.
• La función de apuntar y editar permite refinar partes concretas de un prototipo ya generado.
• La colaboración multiusuario permite modificar instrucciones, diseño y código en la misma página.
• El acceso total para compartir, colaborar y publicar archivos de Figma Make requiere un asiento full.

Questions & Answers

Q: ¿Qué es Figma Make y para qué sirve?

Figma Make es una herramienta de instrucciones a aplicaciones que transforma ideas y diseños en prototipos reales basados en código. Permite describir una idea mediante lenguaje escrito o comenzar desde un diseño existente de Figma. Su finalidad es ayudar a compartir ideas con colegas, validar y refinar diseños, comunicarse con ingenieros y avanzar hacia productos con menos tiempo y esfuerzo. No exige saber desarrollar, por lo que distintas personas del equipo pueden participar en la creación y evaluación de prototipos funcionales.

Q: ¿Cómo se crea un archivo nuevo en Figma Make?

Para crear un archivo, se parte del navegador de archivos de Figma y se pulsa el botón de Make situado en la esquina superior derecha. Desde allí es posible comenzar desde cero describiendo una idea, cargar inspiración procedente de la comunidad de Figma o utilizar un diseño existente. En este último caso, se copia y pega un frame de Figma Design. Make procesa sus capas, su contexto visual y la configuración responsive aplicada, lo que permite iniciar el prototipo con información estructurada del diseño original.

Q: ¿Cómo se usa un diseño de Figma como referencia en Make?

Se puede utilizar un diseño existente copiando un frame desde Figma Design y pegándolo dentro de Figma Make. Este método aporta más información que enlazar una captura de pantalla, porque Make puede procesar las capas del frame, su configuración responsive y el contexto visual. Antes de transferirlo, conviene comprobar que las capas tengan nombres claros. El webinar señala que nombrarlas crea un lenguaje compartido entre Figma Design y Figma Make, y menciona tanto el cambio manual como la acción automática para renombrar capas.

Q: ¿Cómo ayudan las bibliotecas de diseño a Figma Make?

Las bibliotecas permiten que Figma Make tome como contexto los estilos ya establecidos por un equipo. Al publicarlas para su uso en Make, pueden servir como referencia para colores, tipografías, guías de diseño y otros estándares visuales. Esto ayuda a que los resultados generados se aproximen al lenguaje que el equipo ya utiliza. La integración evita depender únicamente de instrucciones escritas, pues combina las indicaciones del usuario con recursos existentes dentro de la plataforma Figma y con el trabajo de diseño relacionado.

Q: ¿Qué son los archivos de guías en Figma Make?

Los archivos de guías son textos de forma libre que proporcionan reglas e instrucciones a los modelos de lenguaje utilizados por Figma Make. Sirven para expresar criterios que no resultan fáciles de representar o referenciar mediante un archivo de Figma Design. Gracias a estas indicaciones, un equipo puede pedir que los resultados respeten de forma explícita su lenguaje de diseño y sus estándares. Así, las guías complementan el contexto visual de frames y bibliotecas con requisitos escritos que orientan la generación del prototipo.

Q: ¿Cómo se puede editar un prototipo generado con Figma Make?

Después de generar un prototipo, la función de apuntar y editar permite seleccionar y refinar partes concretas del resultado. Esta capacidad traslada a Figma Make herramientas de manipulación visual asociadas con Figma Design. En lugar de limitarse a generar nuevamente toda la propuesta, el equipo puede realizar cambios puntuales y precisos sobre los elementos que necesiten ajustes. El proceso combina la creación mediante instrucciones con una etapa de refinamiento visual, lo que facilita validar ideas y modificar el prototipo progresivamente.

Q: ¿Cómo funciona la colaboración en Figma Make?

Figma Make ofrece una experiencia multiusuario semejante a la de Figma Design. Varias personas pueden trabajar juntas en una misma página y al mismo tiempo. El equipo puede escribir instrucciones, cambiar elementos del diseño e incluso editar el código de manera colaborativa. Esta forma de trabajo mantiene la creación del prototipo junto al resto del trabajo de diseño en la plataforma Figma. También facilita compartir ideas, refinarlas con colegas y preparar una comunicación más directa con las personas responsables de ingeniería.

Q: ¿Qué requisitos se necesitan para utilizar Figma Make?

Los asientos pagos de los planes de Figma Make pueden experimentar con Make dentro de sus borradores. Sin embargo, se necesita un asiento full para disponer del acceso total, que incluye compartir archivos de Figma Make, colaborar con otras personas y publicar archivos. Además, la función de inteligencia artificial debe estar habilitada en la cuenta. Esa activación debe realizarla un usuario administrador, por lo que el equipo necesita identificar quién posee ese permiso antes de comenzar a usar todas las capacidades presentadas.

Summary & Key Takeaways

• Figma Make permite transformar ideas y diseños en prototipos funcionales mediante instrucciones en lenguaje natural, facilitando la validación, el refinamiento y la comunicación con ingeniería.

• La integración con Figma Design permite pegar frames completos para conservar las capas, el contexto visual y la configuración responsive, lo que produce referencias más útiles que una captura de pantalla.

• Los equipos pueden incorporar estilos de bibliotecas, reglas escritas y edición puntual, además de colaborar sobre instrucciones, diseño y código dentro de una misma página y al mismo tiempo.