Como usar o plugin do Illustro no Figma

Se o layout já está aberto no Figma, a aba do navegador pode esperar: gere direto no arquivo. Foi justamente por isso que o Illustro chegou à Figma Community.

1. Instale o plugin

Abra o Illustro AI na Figma Community e instale. Depois, dentro do seu arquivo, abra o menu Ações (Cmd+K no Mac, Ctrl+K no Windows), procure o Illustro AI e execute o plugin.

2. Conecte sua conta do Illustro

Na primeira vez que você abre o plugin, ele pede login. Use a mesma conta do illustro.app, assim estilos, créditos e arquivos salvos ficam sincronizados.

3. Descreva uma cena que caiba no frame

Antes de escrever o prompt, olhe o espaço vazio que você precisa preencher. Uma seção hero de 1440 px e uma tela vazia de 320 px pedem enquadramentos diferentes. Diga quem aparece, onde está e o que está fazendo: “uma designer de produto revisando um app de celular no notebook, luz natural suave, mesa de trabalho simples”.

4. Coloque a imagem e confira o contraste

Coloque o resultado no layout de verdade, não numa página em branco, e veja como ele fica com a tipografia e o fundo reais. Se o enquadramento não ficar bom, gere uma composição mais fechada em vez de ampliar uma cena aberta até ela desandar.

Gerar no site e exportar continua sendo uma opção; o plugin é para quando o destino já é o Figma. E se ainda não convencer depois de colocar a imagem no layout, edite a ilustração em vez de começar do zero com outro prompt.