Generar los assets visuales
Crea el botón principal, el logo y los elementos secundarios de tu app usando Weavy con Flux 2 Pro e Ideogram v3.
Paso 6 de 8
Con la paleta y las referencias listas, generas los tres tipos de asset que necesitas: el botón de acción principal, el logo y los elementos que representan el contenido de la app.
Botón principal
El botón de acción principal es el CTA visual central. Defines su estilo con Claude y lo generas con Flux 2 Pro.
Preparar los prompts
Pide a Claude tres o cuatro variaciones de prompt, cada una con un estilo distinto:
Write me 3 prompts for generating a [action] button.
Styles: minimal, analog, modern vintage.
The brand feel is: [2-3 palabras del brief].Generar en Weavy
Corre cada prompt en Weavy con Flux 2 Pro. Como inputs, adjunta la paleta generada en el paso anterior y una imagen del moodboard. Compara los resultados y elige.
Generate a record button inspired by this cassette recorder.
It should look like an analog button from the 80s.
Use this color palette.Consistencia visual en producto
En diseño de producto no necesitas que una cara se vea igual en todas las imágenes. Solo necesitas que los colores, sombras e iluminación sean consistentes. Eso es mucho más fácil de lograr con IA que la consistencia de un personaje.
Logo
Para el logo, cambia de Flux a Ideogram v3. Es el mejor modelo para tipografía legible.
Preparar los prompts
Pide a Claude cuatro estilos de logo y un negative prompt:
Write me 4 logo prompts for an app called [nombre].
The brand feel is: [3 palabras del brief].
Include a technical wordmark, handwritten, a [metáfora] style,
and minimal.
Also write a negative prompt: list everything we don't want
(3D render, glossy, gradient, sparkles, corporate, etc.)Generar en Weavy
Pega el prompt elegido y el negative prompt en Weavy con Ideogram v3. Corre varias veces con el mismo prompt para obtener variaciones. Genera también una versión en blanco y negro: la vas a necesitar sobre fondos de colores.
Assets secundarios
Los assets secundarios representan el contenido de la app: las cards de un historial, los items de una lista, los elementos que el usuario ve repetidos.
La clave es buscar la metáfora dentro del nombre o la marca. Si la app se llama "Cassette", las grabaciones anteriores son cassettes en un estante. La metáfora ya está en el nombre: tradúcela a un asset visual.
Generate a set of cassette tapes using this color palette.
Show the tapes from the spine view like they're stacked on a shelf.Para agregar datos reales a los assets:
Take this cassette tape image and replace the text on the binding
with different dates: January 19th 2026, February 3rd 2026, etc.Remoción de fondo en Weavy
Dentro del mismo nodo, puedes agregar un step de "background remove" al output. Si el resultado no queda limpio, córrelo de nuevo o hazlo después en Figma.
Resultado de este paso
Un conjunto de assets descargados: botón principal, logo (en color y blanco/negro) y elementos visuales secundarios. Con todo esto listo, pasa a componer las pantallas en Figma.