[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
-
Die mindestens erforderliche AEM-Version ist
19149. -
Sie müssen über gültige AEM Assets- und Figma-Lizenzen verfügen, um AEM Assets mit Figma integrieren zu können.
Unterstützte Dateiformate supported-file-formats-integration-figma
- Für den Import von AEM-Assets in Figma werden folgende Formate unterstützt: Bild-Assets (JPEG, PNG), Videodateien (MP4, MOV, WebM), Animationsdateien (GIF) und Vektordateien (SVG).
- Beim Export von Designs von Figma nach AEM Assets werden die Formate PNG, PDF, JPG und SVG unterstützt.
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:
- Klicken Sie auf Ihrer Figma-Startseite in der Symbolleiste unten auf der Arbeitsfläche auf Aktionen und suchen Sie in der Suchleiste im Dialogfeld nach Adobe Experience Manager (AEM) Assets Connector.
- Wählen Sie Adobe Experience Manager (AEM) Assets Connector aus, um das Panel Adobe Experience Manager (AEM) Assets Connector anzuzeigen. Importieren Sie AEM Assets über dieses Panel in Ihre Figma Arbeitsfläche.
Alternativ können Sie auf die in Figma Community verfügbaren Adobe Experience Manager (AEM) Assets Connector zugreifen, auf Öffnen in… klicken, eine aktuelle Datei auswählen oder eine neue Datei erstellen und auf Ausführen klicken, um auf das 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:
-
Suchen Sie im Panel Adobe Experience Manager (AEM) Assets Connector nach Assets. Weitere Informationen finden Sie unter Verwenden des Asset-Wählers.
-
Ziehen Sie das Asset per Drag-and-Drop auf die Arbeitsfläche oder wählen Sie das Asset aus und klicken Sie auf Auswählen, damit das Asset auf der Arbeitsfläche angezeigt wird.
-
Klicken Sie auf
-
[Optional] Klicken Sie auf Nach Updates suchen. Die im aktuellen Figma-Dokument verwendeten Assets werden mit den in AEM vorhandenen Assets verglichen. Alle Aktualisierungen werden in einem separaten Fenster aufgelistet. Klicken Sie Aktualisieren, um das aktualisierte Asset von AEM in Ihr Figma-Dokument zu übernehmen.
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:
-
Navigieren Sie zum Zielordner, in dem Sie Ihr Figma-Design speichern möchten. Wenn Sie sich bereits in einem Ordner befinden, klicken Sie auf „Weitere Optionen“ (
-
Optional: Gruppieren Sie Assets auf der Arbeitsfläche, um sie als eine Einheit zum Hochladen in Ihren Ordner auszuwählen.
-
Klicken Sie auf
-
Wählen Sie im Dialogfeld entweder Ausgewähltes Element oder Seite aus, geben Sie einen Datei- oder Seitennamen an, definieren Sie eine Exportkonfiguration und klicken Sie auf Hochladen, um das ausgewählte Asset oder das gesamte Design in den Zielordner hochzuladen.
Die Exportkonfiguration umfasst das Dateiformat, die Skalierung und die Qualität. Wenn Sie beispielsweise JPG als Dateiformat auswählen, können Sie auch die Bildgröße und -qualität definieren. Wenn Sie PNG als Dateiformat auswählen, können Sie auch die Bildgröße definieren.
