Figma Make: Reseña de la nueva herramienta de generación de código con IA

Vlad Solomakha

5 jun 2025

Saltar a

Título

Saltar a

Título

Genera diseños de interfaz de usuario y wireframes con IA

Figma Make es una nueva herramienta de generación de código AI creada por el equipo de Figma. Convierte tus indicaciones en lenguaje natural en prototipos de aplicaciones funcionales.

Figma Make es una nueva herramienta de generación de código AI creada por el equipo de Figma. Convierte tus indicaciones en lenguaje natural en prototipos de aplicaciones funcionales.

Visión General de Figma Make

Similar a v0 o Lovable, Make utiliza modelos de lenguaje grande (como Claude) para generar código a partir de indicaciones y diseños. Describes lo que deseas y se encarga de escribir el código.

Puedes usarlo para probar ideas, explorar componentes o prototipar diseños sin escribir código desde cero. Está diseñado para trabajar con entradas de texto y contexto visual de tus archivos Figma o imágenes.

Puedes añadir una referencia visual como una captura de pantalla o un marco de Figma para que el resultado sea más preciso.

Toma solo unos segundos pasar de la idea al código. Obtienes una vista previa en vivo y puedes seguir ajustando la instrucción o volver a ejecutarla con diferentes modelos.


Características de Figma Make

Escribe indicaciones, obtiene código

Comienza con una descripción simple en inglés. Figma Make comprende la estructura, el estilo y la lógica del diseño.

Adjunta elementos visuales

Arrastra archivos PNG, JPG o SVG, o conecta tu archivo Figma. Estos se utilizan como contexto visual para guiar la generación.

Elige tu modelo

Elige entre los modelos disponibles (e.g. GPT-4 o Claude). Cada uno se comporta de manera diferente en cómo genera y estructura el código.

Ve una vista previa interactiva

Una vez generado, el código se muestra y se renderiza en vivo en el entorno de pruebas. No necesitas configurar nada localmente.

Itera rápidamente

Cada instrucción y resultado se guarda. Puedes editar, volver a ejecutar o partir de versiones anteriores para explorar diferentes resultados.

Casos de Uso de Figma Make

Figma Make se encuentra en un lugar único entre el diseño y la ingeniería. Es una manera ligera de pasar de una idea a un fragmento de UI testeable.

Esto lo hace útil para:

  • Diseñadores que quieren explorar componentes interactivos

  • Ingenieros que prototipan sin configurar entornos completos

  • Equipos de producto esbozando características para pruebas de usuario

  • Cualquiera que intente cerrar la brecha entre Figma y el código front-end

Acceso a Figma Make

Actualmente, Figma Make está en beta abierta, y lo están lanzando a personas con asientos completos en todos los planes de pago. Así que para tener la oportunidad de usarlo, primero necesitas comenzar un plan de pago.

Conclusión

Figma Make es una herramienta pequeña y enfocada. Pero apunta hacia un cambio mayor, donde el diseño y el desarrollo ocurren lado a lado, y no en silos.

Visión General de Figma Make

Similar a v0 o Lovable, Make utiliza modelos de lenguaje grande (como Claude) para generar código a partir de indicaciones y diseños. Describes lo que deseas y se encarga de escribir el código.

Puedes usarlo para probar ideas, explorar componentes o prototipar diseños sin escribir código desde cero. Está diseñado para trabajar con entradas de texto y contexto visual de tus archivos Figma o imágenes.

Puedes añadir una referencia visual como una captura de pantalla o un marco de Figma para que el resultado sea más preciso.

Toma solo unos segundos pasar de la idea al código. Obtienes una vista previa en vivo y puedes seguir ajustando la instrucción o volver a ejecutarla con diferentes modelos.


Características de Figma Make

Escribe indicaciones, obtiene código

Comienza con una descripción simple en inglés. Figma Make comprende la estructura, el estilo y la lógica del diseño.

Adjunta elementos visuales

Arrastra archivos PNG, JPG o SVG, o conecta tu archivo Figma. Estos se utilizan como contexto visual para guiar la generación.

Elige tu modelo

Elige entre los modelos disponibles (e.g. GPT-4 o Claude). Cada uno se comporta de manera diferente en cómo genera y estructura el código.

Ve una vista previa interactiva

Una vez generado, el código se muestra y se renderiza en vivo en el entorno de pruebas. No necesitas configurar nada localmente.

Itera rápidamente

Cada instrucción y resultado se guarda. Puedes editar, volver a ejecutar o partir de versiones anteriores para explorar diferentes resultados.

Casos de Uso de Figma Make

Figma Make se encuentra en un lugar único entre el diseño y la ingeniería. Es una manera ligera de pasar de una idea a un fragmento de UI testeable.

Esto lo hace útil para:

  • Diseñadores que quieren explorar componentes interactivos

  • Ingenieros que prototipan sin configurar entornos completos

  • Equipos de producto esbozando características para pruebas de usuario

  • Cualquiera que intente cerrar la brecha entre Figma y el código front-end

Acceso a Figma Make

Actualmente, Figma Make está en beta abierta, y lo están lanzando a personas con asientos completos en todos los planes de pago. Así que para tener la oportunidad de usarlo, primero necesitas comenzar un plan de pago.

Conclusión

Figma Make es una herramienta pequeña y enfocada. Pero apunta hacia un cambio mayor, donde el diseño y el desarrollo ocurren lado a lado, y no en silos.

Genera diseños de interfaz de usuario utilizando IA

Convierte tus ideas en diseños hermosos y fáciles de usar. Rápido y sencillo.