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.