Herramienta de imágenes
Alinea las propuestas visuales con la IA antes de construir y, luego, genera y guarda imágenes de producto directamente en tu código
La Herramienta de imágenes te permite incorporar imágenes al proceso de creación de un producto. Úsala para alinear una dirección de diseño con la IA antes de escribir cualquier código, generar varias variaciones y elegir la que mejor encaje, y luego producir las imágenes y los recursos finales que necesita tu proyecto. Cada imagen se guarda en tu repositorio dentro de una categoría adecuada, de modo que los recursos visuales conviven junto al código que los usa.
En qué te ayuda la Herramienta de imágenes
- Alinear el diseño antes de construir. Crea maquetas de referencia junto con la IA para que tú y tu equipo acuerden la dirección visual antes de empezar la implementación.
- Generar varias versiones y luego elegir. Pide varias variaciones del mismo prompt y compáralas una al lado de otra en lugar de quedarte con el primer resultado.
- Producir imágenes y recursos de producto. Una vez fijada la dirección, convierte la misma conversación en una fuente de íconos, imágenes hero, ilustraciones, tarjetas OG y recursos visuales de marketing.
- Guardar en tu código, de forma organizada. Verdent guarda cada imagen generada en tu repositorio dentro de una carpeta categorizada, de modo que la gestión a largo plazo se mantiene ordenada.
Cómo usarla
Describe lo que necesitas
En el chat, indícale a Verdent qué imagen necesitas; por ejemplo, "Crea tres opciones de ilustración hero para la página de precios, estilo plano, paleta azul/violeta." Puedes adjuntar imágenes de referencia, capturas de pantalla o un logotipo existente para que la IA se base en ellos.
Genera variaciones y alinéate
Verdent devuelve varias versiones una al lado de otra. Compara composición, paleta y tono. Itera pidiendo ajustes — "deja la #2 pero aclara el fondo" — hasta que tú y el equipo se alineen en una dirección.
Fija la dirección y genera los recursos
Una vez elegida la ganadora, reutilízala como referencia para generar el conjunto completo de imágenes de producto: íconos de la app, banners, ilustraciones dentro de la app, imágenes OG, creatividades para redes sociales. El estilo se mantiene consistente en todo el conjunto.
Guarda en el código
Confirma o sustituye la ubicación de guardado. Verdent escribe la imagen en tu repositorio dentro de una carpeta categorizada, de modo que se distribuye junto con tu código y queda bajo control de versiones.
No necesitas abrir un panel aparte. Solo pide una imagen en el chat: Verdent dirige la solicitud automáticamente a la Herramienta de imágenes.
Guardado y organización
La Herramienta de imágenes guarda las imágenes generadas directamente en tu proyecto, no en una galería opaca. Verdent infiere la categoría a partir de tu prompt y elige una carpeta de destino, de modo que los recursos son fáciles de encontrar y gestionar con el tiempo.
Estructura predeterminada
your-project/
└── assets/
└── images/
├── drafts/ # Early alignment drafts and explorations
├── icons/ # Product icons and glyphs
├── illustrations/ # In-app illustrations and empty states
├── marketing/ # Social, ads, OG images
└── references/ # Uploaded reference images- Categorización automática. Verdent infiere la categoría a partir de tu prompt; por ejemplo, "ícono de app para…" →
icons/, "hero de landing…" →marketing/. - Sustitución por generación. Especifica una ruta de forma explícita — "guárdalo en
public/og/" — y Verdent la respeta. - Bajo control de versiones. Las imágenes guardadas son archivos normales de tu repositorio: puedes hacer commit, comparar diferencias y revisarlas como cualquier otro recurso.
- Reabribles. Cada imagen guardada conserva el prompt y la configuración usados para crearla, de modo que puedes retomar la misma dirección más adelante.
¿Quieres una carpeta predeterminada diferente para un proyecto? Indícaselo una vez a Verdent — "a partir de ahora guarda todas las imágenes en src/assets/img/" — y lo recordará para las próximas generaciones.
Consejos
Alinéate antes de generar a gran escala. Una breve ronda de 3 a 4 borradores al inicio evita mucho trabajo rehecho una vez que empiezas a producir el conjunto completo de recursos.
Reutiliza la ganadora como referencia. Volver a usar el borrador aprobado como referencia mantiene cada nuevo recurso visualmente consistente con él.
Sé específico sobre el tamaño y el caso de uso. "ícono de app de 1024×1024, fondo transparente, estilo plano" produce resultados mucho mejores que "un ícono".
Adónde ir después
Inicio rápido
Agrega un proyecto y prueba tu primer prompt de imagen
Memoria
Enséñale a Verdent el estilo de tu marca para que las imágenes generadas se mantengan fieles a ella
Habilidades
Amplía la Herramienta de imágenes con flujos de trabajo de imágenes personalizados
Integraciones de herramientas
Conecta el resto de tu stack a Verdent