Treinar IDs de estilo

Última atualização em 1 de abr de 2026

Saiba como treinar e testar IDs de estilo para definir layouts, regras espaciais, garantir consistência da marca em designs gerados e publicá-los usando o Firefly Design Intelligence.

Observação:

O Firefly Design Intelligence é atualmente um lançamento por tempo limitado.

Treinar IDs de estilo ajuda o Firefly Design Intelligence a entender o sistema de design da sua marca, estabelecer relações entre elementos e regras de layout.Isso garante consistência visual quando os designs são redimensionados ou adaptados. Após estabelecer essas regras, você pode gerar com confiança várias variações de layout de design, sabendo que elas manterão seus padrões de design.

Para treinar IDs de estilo, será preciso:

  • Adobe Illustrator com Firefly Design Intelligence habilitado
  • Um ID de estilo já criado com ativos de design atribuídos
  • Compreensão dos requisitos de layout e espaçamento da marca

Trabalhe com elementos visuais, layouts e regras espaciais

Observação:

Antes de começar, crie um ID de estilo para extrair elementos visuais do documento do Illustrator e entender as regras de layout e espaciais dentro dos recursos de design.

Vá para a aba Elementos visuais para revisar todos os elementos que foram extraídos dos arquivos originais.

Exiba todos os elementos extraídos das camadas do arquivo na aba Elementos visuais.

Expanda o elemento para exibir cada camada e adicione instruções se necessário. Para algumas camadas, você também pode adicionar ou remover recursos visuais.

Adicione mais ativos à camada, remova os existentes ou inclua instruções para os elementos visuais que foram extraídos.

Use a aba Layouts para exibir os layouts e orientações que o Firefly Design Intelligence aprendeu. 

Selecione plataformas adequadas no menu suspenso Canais. Escolha seus layouts preferidos das opções detectadas usando a caixa de seleção para treinar o Style ID.

Use a aba “Layouts” para exibir os layouts e orientações que o Firefly Inteligência de Design aprendeu.

Vá para a seção Regras espaciais para definir como os elementos se relacionam entre si quando as proporções mudam.

Selecione um elemento do design para ativar a seção Fixar. Selecione um segundo elemento usando o menu suspenso para fixar ao primeiro elemento.

Na seção "Pin", use o menu suspenso para escolher um segundo elemento para fixar ao primeiro elemento.
Na seção Pin, use o menu suspenso para escolher um segundo elemento para fixar no primeiro elemento.

Selecione Pin para definir a relação entre esses dois elementos.

Dica:

Fixar elementos entre si cria pontos de referência que ajudam o Firefly a entender quais elementos do design devem manter sua relação ao redimensionar.Isso é especialmente útil para logotipos, títulos ou outros elementos que exigem manter uma posição específica em relação uns aos outros.

Na seção Fit mode, escolha como seu design preenche diferentes proporções:

  • Cover: Preenche a área completamente, mantendo a proporção. O excesso é cortado. 
  • Contain: Cabe inteiramente dentro da área, mantendo a proporção. Pode deixar um espaço vazio.
  • Ajustar largura: Corresponde à largura de destino; a altura é ajustada proporcionalmente
  • Fit height: Ajusta à altura de destino; a largura é ajustada proporcionalmente.
  • Stretch: Preenche ambas as dimensões, ignorando a proporção. Pode distorcer o elemento.
  • Repetir na largura:  organiza verticalmente para preencher a largura. Apenas imagens. 
  • Repeat to height: Organiza verticalmente para preencher a altura. Apenas imagens. 
As seções Fit mode e Apply to estão abertas, e uma orientação é exibida junto com as opções do modo de ajuste selecionadas abaixo dela.
Use a seção Apply to para selecionar os layouts onde essas regras espaciais serão aplicadas ao criar novos designs.

Na seção Apply to, selecione os layouts aos quais você deseja que essas regras espaciais se apliquem ao gerar novos designs. Escolha Select all se quiser que as regras espaciais se apliquem a todas as orientações.

Testar e publicar o Style ID treinado

Quando estiver satisfeito com seus elementos visuais, layouts e regras espaciais, crie novas pranchetas com diferentes proporções dentro do mesmo documento do Illustrator.

Selecione o botão Teste para preencher as pranchetas com novos designs.

Revise os designs gerados para garantir que atendam aos padrões da marca e sigam as regras de layout e espaciais estabelecidas. Quando estiver satisfeito, selecione o ícone Publicar.

No diálogo Confirmação necessária, selecione Confirmar para publicar o ID de estilo.

Você também pode alternar entre o modo gerador e treinador selecionando o menu hambúrguer no canto superior direito do painel ID de estilo e depois selecionando Alternar para modo gerador ou Alternar para modo treinador.

O menu de tipo hambúrguer exibe opções como “Recarregar painel”, “Alternar para o modo Gerador”, “Sobre o Firefly Inteligência de Design” e muito mais.
Selecione Recarregar painel para atualizar o painel.

Recomendamos testar o ID de estilo em várias proporções de aspecto para identificar ajustes necessários às suas regras espaciais antes de usá-las em fluxos de trabalho de produção.Se os layouts gerados não atenderem às suas expectativas, retorne à seção Elementos visuais, Layout e Regras espaciais e refine as configurações selecionadas.

Observação:

O treinamento é um processo iterativo. Pode ser necessário ajustar as configurações, definir regras e testar novamente várias vezes para obter resultados ideais em todos os seus designs e proporções.