Integrar AEM Assets a Figma integrate-aem-assets-with-figma
O AEM Assets integra-se nativamente ao Figma, o que permite que os designers acessem diretamente os ativos armazenados no AEM Assets de dentro da interface do usuário do Figma. Você pode colocar conteúdo gerenciado em AEM Assets na tela Figma e depois salvar conteúdo novo ou editado no repositório AEM Assets.
Antes de começar prerequisites-for-aem-assets-and-figma-integration
-
A versão mínima necessária do AEM é
19149. -
Você deve ter AEM Assets e Figma licenças válidas para integrar o AEM Assets ao Figma.
Formatos de arquivo não compatíveis supported-file-formats-integration-figma
- Para importar ativos do AEM para o Figma, os formatos compatíveis são ativos de imagem (JPEG, PNG), arquivos de vídeo (MP4, MOV, WebM), arquivos animados (GIF) e arquivos de vetor (SVG).
- Para exportar designs do Figma para o AEM Assets, os formatos com suporte são PNG, PDF, JPG, SVG.
Acessar o Conector Assets do Adobe Experience Manager (AEM) access-aem-assets-connector
Execute as seguintes etapas para acessar o Conector Assets do Adobe Experience Manager (AEM):
- Na home page do Figma, clique em Ações na barra de ferramentas, na parte inferior da tela, e procure Adobe Experience Manager (AEM) Assets Connector na barra de pesquisa disponível na caixa de diálogo.
- Selecione Adobe Experience Manager (AEM) Assets Connector para exibir o painel Adobe Experience Manager (AEM) Assets Connector. Importe AEM ativos para sua Figma tela usando este painel.
Como alternativa, acesse o Adobe Experience Manager (AEM) Assets Connector disponível na comunidade Figma, clique em Abrir em…, selecione um arquivo recente ou crie um novo arquivo e clique em Executar para acessar o painel Adobe Experience Manager (AEM) Assets Connector.
Importar AEM ativos para a tela Figma import-aem-assets-into-figma-workflow
Acesse o painel do Assets do Adobe Experience Manager (AEM) na interface de design do Figma e faça o seguinte:
-
Pesquise ativos no painel Conector do Assets do Adobe Experience Manager (AEM). Para obter mais informações, consulte usando o Seletor de ativos.
-
Arraste e solte o ativo na tela ou selecione o ativo e clique em Selecionar para trazer o ativo para a tela.
-
Clique em
-
[Opcional] Clique em Verificar atualizações. Os ativos usados no documento Figma atual são comparados aos ativos existentes no AEM. Todas as atualizações são listadas em uma janela separada. Clique em Atualizar para obter o ativo atualizado do AEM para o documento do Figma.
Quando o design do Figma estiver pronto, você poderá exportar o ativo para o repositório do AEM Assets.
Exportar ativos para o repositório AEM Assets export-figma-design-to-aem-assets-folder
Acesse o painel do Conector Assets do Adobe Experience Manager (AEM) na interface de design do Figma e execute as seguintes etapas para exportar seu design para o repositório do AEM Assets:
-
Navegue até a pasta de destino onde deseja salvar o design do Figma. Se você já estiver dentro de uma pasta, clique em Mais opções (
-
Opcional: agrupe ativos na tela para selecioná-los como uma única unidade para fazer upload em sua pasta.
-
Clique em
-
Na caixa de diálogo, selecione Item selecionado ou Página, especifique um nome de arquivo ou de página, defina uma configuração de exportação e clique em Carregar para carregar o ativo selecionado ou o design inteiro para a pasta de destino.
A configuração de exportação inclui o formato do arquivo, a escala e a qualidade. Por exemplo, se você selecionar JPG como formato de arquivo, também poderá definir a escala e a qualidade da imagem. Da mesma forma, se você selecionar PNG como formato de arquivo, também poderá definir a escala da imagem.
