Integration von AEM Assets mit Figma integrate-aem-assets-with-figma
AEM Assets lässt sich nativ mit Figma integrieren, wodurch Designer direkt über die Figma-Benutzeroberfläche auf die in AEM Assets gespeicherten Assets zugreifen können. Sie können verwaltete Inhalte in AEM Assets in der Figma Arbeitsfläche platzieren und dann neue oder bearbeitete Inhalte im AEM Assets-Repository speichern.
Bevor Sie beginnen prerequisites-for-aem-assets-and-figma-integration
-
Die mindestens erforderliche AEM-Release-Version ist
19149. -
Sie müssen über gültige AEM Assets- und Figma verfügen, um AEM Assets mit Figma integrieren zu können.
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 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 Adobe Experience Manager (AEM) Assets Connector anzuzeigen. Assets AEM diesem Bedienfeld in Figma / importieren.
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.
AEM Assets in Figma Arbeitsfläche importieren import-aem-assets-into-figma-workflow
Greifen Sie auf das Bedienfeld Adobe Experience Manager (AEM Assets Connector in Ihrer Figma-Design-Oberfläche zu und führen Sie die folgenden Schritte aus:
-
Suchen nach Assets im Bedienfeld Adobe Experience Manager (AEM) Assets Connector. Weitere Informationen finden Sie unter Verwenden des Asset-Wählers.
-
Ziehen Sie das Asset auf die Arbeitsfläche oder wählen Sie das Asset aus und klicken Sie auf Auswählen, um das Asset auf die Arbeitsfläche zu bringen.
-
Klicken Sie
im Ordnerpfad, um alle übergeordneten und untergeordneten Ordner in der aktuellen Hierarchie anzuzeigen. Wählen Sie einen Ordner aus, um zu diesem Speicherort zu navigieren.
Sobald Ihr Figma-Design fertig ist, können Sie das Asset in das AEM Assets-Repository exportieren.
Exportieren von Assets in AEM Assets Repository export-figma-design-to-aem-assets-folder
Greifen Sie auf das Bedienfeld 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 speichern möchten. Wenn Sie sich bereits in einem Ordner befinden, klicken Sie auf Weitere Optionen (
) im Ordnerpfad, um einen anderen Zielordner auszuwählen. - Optional: Gruppieren Sie Assets auf der Arbeitsfläche, um sie als eine Einheit zum Hochladen in Ihren Ordner auszuwählen.
- Klicken Sie auf
Hochladen, um das Dialogfeld Asset hochladen anzuzeigen. - Geben Sie im Dialogfeld einen Dateinamen an, wählen Sie ein Dateiformat aus, wählen Sie entweder Ausgewähltes Element oder Seite und klicken Sie auf Hochladen, um das ausgewählte Asset oder das gesamte Design in den Zielordner hochzuladen.
Wichtige Hinweise Limitations-of-using-aem-assets-into-figma
Diese Integration weist derzeit die folgenden Einschränkungen auf:
- Für den Import von AEM-Assets in Figma werden die Formate JPEG, PNG unterstützt.
- Für den Export von Designs von Figma nach AEM Assets werden folgende Formate PNG, PDF, JPG, SVG.