Ferramenta de imagem
Alinhe os visuais com a IA antes de construir, depois gere e salve imagens de produto diretamente na sua base de código
A Image Tool permite trazer imagens para o ciclo de construção de um produto. Use-a para alinhar uma direção de design com a IA antes de qualquer código ser escrito, gerar várias variações e escolher a que melhor se encaixa, e então produzir as imagens e assets finais que o seu projeto precisa. Cada imagem é salva de volta no seu repositório dentro de uma categoria sensata, então os visuais ficam ao lado do código que os usa.
Como a Image Tool ajuda
- Alinhe o design antes de construir. Crie mockups de referência em conjunto com a IA para que você e sua equipe concordem com a direção visual antes de começar a implementação.
- Gere várias versões e depois escolha. Peça diversas variações do mesmo prompt e compare-as lado a lado em vez de se comprometer com o primeiro resultado.
- Produza imagens e assets de produto. Depois que a direção estiver definida, transforme a mesma conversa em uma fonte de ícones, imagens hero, ilustrações, cards OG e visuais de marketing.
- Salve na sua base de código, organizado. Verdent grava cada imagem gerada no seu repositório dentro de uma pasta categorizada, então o gerenciamento de longo prazo permanece limpo.
Como usar
Descreva o que você quer
No chat, diga ao Verdent qual imagem você precisa — por exemplo, "Faça três opções de ilustração hero para a página de preços, estilo flat, paleta azul/violeta." Você pode anexar imagens de referência, capturas de tela ou um logo existente para a IA usar como base.
Gere variações e alinhe
O Verdent retorna várias versões lado a lado. Compare composição, paleta e tom. Itere pedindo ajustes — "mantenha a #2, mas deixe o fundo mais claro" — até que você e a equipe estejam alinhados sobre uma direção.
Defina a direção e gere os assets
Depois de escolher uma vencedora, reutilize-a como referência para gerar o conjunto completo de imagens de produto: ícones de aplicativo, banners, ilustrações in-app, imagens OG, criativos sociais. O estilo permanece consistente em todo o conjunto.
Salve na base de código
Confirme ou substitua o local de salvamento. O Verdent grava a imagem no seu repositório dentro de uma pasta categorizada, para que ela seja enviada junto com seu código e permaneça sob controle de versão.
Você não precisa abrir um painel separado. Basta pedir uma imagem no chat — o Verdent direciona a solicitação pela Image Tool automaticamente.
Salvamento e organização
A Image Tool salva as imagens geradas diretamente no seu projeto, não em uma galeria de caixa-preta. O Verdent infere a categoria a partir do seu prompt e escolhe uma pasta de destino, então os assets ficam fáceis de encontrar e gerenciar ao longo do tempo.
Layout padrão
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- Categorização automática. O Verdent infere a categoria a partir do seu prompt — por exemplo, "app icon for…" →
icons/, "landing hero…" →marketing/. - Substituição por geração. Especifique um caminho explicitamente — "salve em
public/og/" — e o Verdent respeita. - Sob controle de versão. As imagens salvas são arquivos comuns no seu repositório: faça commit, diff e revisão delas como qualquer outro asset.
- Reabríveis. Cada imagem salva mantém o prompt e as configurações usadas para criá-la, então você pode retomar a mesma direção mais tarde.
Quer uma pasta padrão diferente para um projeto? Diga ao Verdent uma vez — "salve todas as imagens em src/assets/img/ a partir de agora" — e ele lembra para as próximas gerações.
Dicas
Alinhe antes de gerar em escala. Uma rodada curta de 3–4 rascunhos no início evita bastante retrabalho quando você começa a produzir o conjunto completo de assets.
Reutilize a vencedora como referência. Realimentar o rascunho aprovado como referência mantém cada novo asset visualmente consistente com ele.
Seja específico quanto ao tamanho e caso de uso. "1024×1024 app icon, transparent background, flat style" produz resultados muito melhores do que "an icon".
Para onde ir em seguida
Início rápido
Adicione um projeto e experimente seu primeiro prompt de imagem
Memory
Ensine ao Verdent o estilo da sua marca para que as imagens geradas permaneçam alinhadas a ela
Skills
Estenda a Image Tool com fluxos de trabalho de imagem personalizados
Integrações de ferramentas
Conecte o restante da sua stack ao Verdent