--- title: Ferramenta de imagem description: "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 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. 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. 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. 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 Adicione um projeto e experimente seu primeiro prompt de imagem Ensine ao Verdent o estilo da sua marca para que as imagens geradas permaneçam alinhadas a ela Estenda a Image Tool com fluxos de trabalho de imagem personalizados Conecte o restante da sua stack ao Verdent