[AEM Assets]{class="badge positive" title="Gilt für AEM Assets)."}

Integration von AEM Assets mit Figma integrate-aem-assets-with-figma

Dank der nativen Integration von AEM Assets mit Figma können Entwickelnde über die Figma-Benutzeroberfläche direkt auf die in AEM Assets gespeicherten Assets zugreifen. Sie können in AEM Assets verwaltete Inhalte auf der Figma-Arbeitsfläche platzieren und dann neue oder bearbeitete Inhalte in einem AEM Assets-Repository speichern.

Voraussetzungen prerequisites-for-aem-assets-and-figma-integration

Unterstützte Dateiformate supported-file-formats-integration-figma

Zugriff auf den Adobe Experience Manager (AEM) Assets Connector access-aem-assets-connector

Führen Sie die folgenden Schritte aus, um auf den Adobe Experience Manager (AEM) Assets Connector zuzugreifen:

Importieren von AEM-Assets in die Figma-Arbeitsfläche import-aem-assets-into-figma-workflow

Greifen Sie auf das Panel Adobe Experience Manager (AEM) Assets Connector in Ihrer Figma-Design-Benutzeroberfläche zu und führen Sie die folgenden Schritte aus:

Sobald Ihr Figma-Design fertig ist, können Sie das Asset in das AEM Assets-Repository exportieren.

Exportieren von Assets in das AEM Assets-Repository export-figma-design-to-aem-assets-folder

Greifen Sie auf das Panel Adobe Experience Manager (AEM) Assets Connector in Ihrer Figma-Design-Benutzeroberfläche zu und führen Sie die folgenden Schritte aus, um Ihr Design in das AEM Assets-Repository zu exportieren:

Häufig gestellte Fragen frequently-asked-questions-aem-assets-figma-integration

Was ermöglicht die Integration von AEM Assets mit Figma Designern? aem-assets-figma-integration-overview

Die Integration von AEM Assets mit Figma ermöglicht es Designern, direkt von der Figma-Benutzeroberfläche aus auf in Adobe Experience Manager gespeicherte Assets zuzugreifen, ohne zwischen Tools wechseln zu müssen. Designer können Bilder, Videos, animierte Dateien und Vektoren aus AEM Assets suchen und in die Figma-Arbeitsfläche importieren und fertige oder bearbeitete Designs in unterstützten Formaten zurück in das AEM Assets-Repository exportieren. Die Integration ist nativ und erfordert keine Connectoren von Drittanbietern, die über den in der Figma-Community verfügbaren Adobe Experience Manager AEM Assets-Connector hinausgehen.

Was sind die Voraussetzungen für die Integration von AEM Assets mit Figma? aem-assets-figma-prerequisites

Die Integration von AEM Assets mit Figma erfordert zwei Voraussetzungen: eine AEM-Mindestversion von 19149 und gültige Lizenzen für AEM Assets und Figma. Beide Bedingungen müssen erfüllt sein, bevor der Zugriff auf den Adobe Experience Manager AEM Assets-Connector und dessen Verwendung in Figma möglich sind. Wenn nach der Anmeldung bei der AEM-Umgebung während des Setups eine Netzwerkfehlermeldung angezeigt wird, wenden Sie sich an den Adobe-Support, um Hilfe zu erhalten.

Wie greife ich in Figma auf den Adobe Experience Manager AEM Assets Connector zu? access-aem-assets-connector-figma

Der Adobe Experience Manager AEM Assets Connector ist auf zwei Arten von Figma aus zugänglich. Klicken Sie auf der Figma Startseite in der Symbolleiste am unteren Rand der Arbeitsfläche auf „Aktionen, suchen Sie im Dialogfeld nach Adobe Experience Manager AEM Assets Connector und wählen Sie diesen aus, um das Connector-Bedienfeld zu öffnen. Alternativ können Sie den Connector direkt über die Figma Community-Seite aufrufen, auf Öffnen Sie in klicken, eine aktuelle Datei auswählen oder eine neue Datei erstellen und auf Ausführen klicken, um das Connector-Panel zu starten.

Welche Dateiformate können aus AEM Assets in Figma importiert werden? aem-assets-figma-import-formats

Folgende Dateiformate werden für den Import von AEM Assets in Figma unterstützt: Bild-Assets im JPEG- und PNG-Format, Videodateien im MP4-, MOV- und WebM-Format, animierte Dateien im GIF-Format und Vektordateien im SVG-Format. Assets in diesen Formaten kann im Adobe Experience Manager AEM Assets Connector-Bedienfeld durchsucht und direkt auf die Figma-Arbeitsfläche platziert werden, indem Sie das Asset ziehen und ablegen oder indem Sie das Asset auswählen und auf Auswählen klicken.

Wie importiere ich ein Asset aus AEM Assets in meine Figma-Arbeitsfläche? import-aem-assets-figma-canvas

Um ein Asset aus AEM Assets in Figma zu importieren, öffnen Sie das Adobe Experience Manager AEM Assets-Anschlussfeld in der Figma-Design-Oberfläche. Suchen Sie mithilfe von Content Advisor im Connector-Bedienfeld nach dem Asset. Sobald Sie das Asset gefunden haben, ziehen Sie es auf die Arbeitsfläche oder wählen Sie das Asset aus und klicken Sie auf Auswählen, um es auf der Arbeitsfläche zu platzieren. Um zu Ordnern innerhalb des Repositorys zu navigieren, klicken Sie auf das Drei-Punkte-Symbol im Ordnerpfad, um übergeordnete und untergeordnete Ordner in der aktuellen Hierarchie anzuzeigen und darin zu navigieren.

Wie kann ich überprüfen, ob die in meinem Figma-Dokument verwendeten AEM Assets aktualisiert wurden? check-aem-assets-updates-figma

Der Adobe Experience Manager AEM Assets-Connector in Figma enthält eine Option Nach Updates suchen mit der Assets, die derzeit im geöffneten Figma-Dokument verwendet werden, mit ihren Versionen in AEM Assets verglichen werden. Öffnen Sie dazu das Connector-Panel und klicken Sie auf Nach Updates suchen. Alle Assets, die in AEM aktualisiert wurden, werden in einem separaten Fenster aufgeführt. Klicken Sie Aktualisieren, um die neueste Version jedes aktualisierten Assets aus AEM in das Figma-Dokument zu ziehen.

Welche Dateiformate werden beim Exportieren eines Figma-Designs nach AEM Assets unterstützt? figma-export-aem-assets-formats

Beim Exportieren eines Figma-Designs in das AEM Assets-Repository werden vier Dateiformate unterstützt: PNG, PDF, JPG und SVG. Die Exportkonfiguration ermöglicht auch die Definition zusätzlicher Einstellungen je nach ausgewähltem Format. Für JPG-Exporte können Bildgröße und -qualität angegeben werden. Für PNG-Exporte kann Bildgröße definiert werden. Diese Einstellungen werden während des Exportvorgangs im Dialogfeld Asset hochladen konfiguriert.

Wie exportiere ich einen Figma-Entwurf in das AEM Assets-Repository? export-figma-design-aem-assets

Um ein Figma-Design in AEM Assets zu exportieren, öffnen Sie das Adobe Experience Manager AEM Assets-Connector-Bedienfeld in Figma und navigieren Sie zum Zielordner im AEM Assets-Repository. Klicken Sie auf das Symbol Hochladen , um das Dialogfeld Asset hochladen zu öffnen. Wählen Sie im Dialogfeld entweder Ausgewähltes Element zum Hochladen eines bestimmten Assets oder Seite aus, um die gesamte Design-Seite hochzuladen, geben Sie einen Datei- oder Seitennamen an, definieren Sie die Exportkonfiguration (einschließlich Format, Skalierung und Qualität) und klicken Sie auf Hochladen . Der Entwurf wird im ausgewählten AEM Assets-Zielordner gespeichert.

Kann ich Assets in Figma gruppieren, bevor ich sie nach AEM Assets exportiere? group-assets-figma-export-aem

Figma-Designs können auf der Arbeitsfläche gruppiert werden, bevor sie in das AEM Assets-Repository exportiert werden. Durch das Gruppieren von Assets können sie als einzelne Einheit ausgewählt und in einem Vorgang zusammen in den Zielordner hochgeladen werden. Öffnen Sie nach der Gruppierung das Bedienfeld Adobe Experience Manager AEM Assets-Connector , navigieren Sie zum Zielordner, klicken Sie auf Hochladen , wählen Sie die gruppierten Elemente als das ausgewählte Element im Dialogfeld Asset hochladen aus, konfigurieren Sie die Exporteinstellungen und klicken Sie auf Hochladen .

Wie kann ich in Figma durch Ordner im AEM Assets-Repository navigieren? navigate-aem-folders-figma

Die Ordnernavigation innerhalb des AEM Assets-Repositorys ist direkt im Adobe Experience Manager AEM Assets-Connector-Bedienfeld in Figma verfügbar. Klicken Sie auf das Dreipunkt-Symbol im Ordnerpfad, um alle übergeordneten und untergeordneten Ordner in der aktuellen Hierarchie anzuzeigen. Wählen Sie einen beliebigen Ordner aus der Liste aus, um zu diesem Speicherort zu navigieren. Klicken Sie beim Exportieren eines Designs in einen anderen Zielordner auf Weitere Optionen im Ordnerpfad, um einen alternativen Ordner im AEM Assets-Repository auszuwählen.

Siehe auch