[AEM Assets]{class="badge positive" title="AEM Assetsに適用）。"}

AEM Assets と Figma の統合 integrate-aem-assets-with-figma

AEM Assets は Figma とネイティブに統合されているので、AEM Assets に保存されているアセットに Figma ユーザーインターフェイスから直接アクセスできます。 AEM Assets で管理されているコンテンツを Figma キャンバスに配置し、新しいコンテンツや編集したコンテンツを AEM Assets リポジトリに保存できます。

始める前に prerequisites-for-aem-assets-and-figma-integration

サポートされているファイル形式 supported-file-formats-integration-figma

Adobe Experience Manager（AEM）Assets コネクタへのアクセス access-aem-assets-connector

Adobe Experience Manager（AEM）Assets コネクタにアクセスするには、次の手順を実行します。

AEM アセットの Figma キャンバスへの読み込み import-aem-assets-into-figma-workflow

Figma デザインインターフェイス内で Adobe Experience Manager（AEM）Assets コネクタパネルにアクセスし、次の操作を行います。

Figma の準備が整ったら、アセットを AEM Assets リポジトリに書き出すことができます。

AEM Assets リポジトリへのアセットの書き出し export-figma-design-to-aem-assets-folder

Figma デザインインターフェイス内の Adobe Experience Manager（AEM）Assets コネクタパネルにアクセスし、次の手順を実行してデザインを AEM Assets リポジトリに書き出します。

よくある質問 frequently-asked-questions-aem-assets-figma-integration

AEM AssetsとFigmaの統合により、デザイナーは何ができるようになりますか？ aem-assets-figma-integration-overview

FigmaとのAEM Assets統合により、デザイナーはツールを切り替えることなく、Figma ユーザーインターフェイス内からAdobe Experience Managerに保存されているアセットに直接アクセスできます。 デザイナーは、AEM Assetsから画像、ビデオ、アニメーションファイル、ベクターを検索してFigma キャンバスに読み込み、完成または編集したデザインをサポートされているフォーマットでAEM Assets リポジトリに書き出すことができます。 この統合はネイティブで、Figma コミュニティで利用可能なAdobe Experience Manager AEM Assets コネクタを超えるサードパーティコネクタは必要ありません。

AEM AssetsとFigmaを統合するための前提条件は何ですか？ aem-assets-figma-prerequisites

AEM AssetsとFigmaを統合するには、AEMの最小リリース版の19149と、AEM AssetsとFigmaの両方の有効なライセンスの2つの前提条件が必要です。 Adobe Experience Manager AEM Assets コネクタにアクセスしてFigma内で使用するには、両方の条件を満たす必要があります。 設定中にAEM環境にログインした後にネットワークエラーメッセージが表示される場合は、Adobe サポートにお問い合わせください。

FigmaでAdobe Experience Manager AEM Assets コネクタにアクセスするにはどうすればよいですか？ access-aem-assets-connector-figma

Adobe Experience Manager AEM Assets コネクタには、Figma内から2つの方法でアクセスできます。 Figmaのホームページから、キャンバス下部のツールバーにある​ アクション ​をクリックし、ダイアログボックスでAdobe Experience Manager AEM Assets コネクタを検索して選択し、コネクタパネルを開きます。 または、Figma コミュニティページから直接コネクタにアクセスし、で開く​をクリックし、最近のファイルを選択するか新しいファイルを作成し、実行​をクリックしてコネクタパネルを起動します。

AEM AssetsからFigmaに読み込むことができるファイル形式は何ですか？ aem-assets-figma-import-formats

AEM AssetsをFigmaに読み込むには、JPEGおよびPNG形式の画像アセット、MP4、MOVおよびWebM形式のビデオファイル、GIF形式のアニメーションファイル、SVG形式のベクターファイルがサポートされています。 これらのフォーマットのAssetsは、Adobe Experience Manager AEM Assets Connector パネル内で検索し、ドラッグ&ドロップするか、アセットを選択して「選択」をクリックすることで、Figma キャンバスに直接配置できます。

AEM AssetsからFigma キャンバスにアセットを読み込むにはどうすればよいですか？ import-aem-assets-figma-canvas

AEM AssetsからFigmaにアセットを読み込むには、Figma デザインインターフェイス内のAdobe Experience Manager AEM Assets コネクタパネルを開きます。 コネクタパネル内でコンテンツアドバイザーを使用してアセットを検索します。 アセットが見つかったら、キャンバスにドラッグ&ドロップするか、アセットを選択し、選択​をクリックしてキャンバスに配置します。 リポジトリ内のフォルダーを移動するには、フォルダーパスの3点アイコンをクリックして、現在の階層の親フォルダーと子フォルダーを表示して移動します。

Figma ドキュメントで使用されているAEM Assetsが更新されたかどうかを確認するにはどうすればよいですか？ check-aem-assets-updates-figma

FigmaのAdobe Experience Manager AEM Assets コネクタには、開いているFigma ドキュメントで現在使用されているアセットとAEM Assetsのバージョンを比較する​更新プログラムの確認 オプションが含まれています。 これを使用するには、コネクタパネルを開き、アップデートの確認​をクリックします。 AEMで更新されたアセットは、別のウィンドウに表示されます。 「更新」をクリックして、更新された各アセットの最新バージョンをAEMからFigma ドキュメントに取り込みます。

Figma デザインをAEM Assetsに書き出す際にサポートされるファイル形式は何ですか？ figma-export-aem-assets-formats

Figma デザインをAEM Assets リポジトリに書き出す場合、PNG、PDF、JPG、SVGの4つのファイル形式がサポートされます。 書き出し設定では、選択したフォーマットに応じて追加の設定を定義することもできます。JPGの書き出しでは、画像の拡大・縮小と画質を指定できます。PNGの書き出しでは、画像の拡大・縮小を定義できます。 これらの設定は、書き出し処理中にアセットをアップロード ダイアログボックスで設定します。

Figma デザインをAEM Assets リポジトリに書き出すにはどうすればよいですか？ export-figma-design-aem-assets

Figma デザインをAEM Assetsに書き出すには、Figma内のAdobe Experience Manager AEM Assets コネクタパネルを開き、AEM Assets リポジトリの保存先フォルダーに移動します。 アップロードアイコンをクリックして、アセットをアップロードダイアログボックスを開きます。 ダイアログボックスで、「選択した項目」を選択して特定のアセットまたはページをアップロードし、デザインページ全体をアップロードします。ファイルまたはページ名を指定して、形式、スケール、品質を含む書き出し設定を定義し、「アップロード」をクリックします。 デザインは、選択したAEM Assetsの保存先フォルダーに保存されます。

AEM Assetsに書き出す前にFigmaでアセットをグループ化できますか？ group-assets-figma-export-aem

Figma デザインは、AEM Assets リポジトリに書き出す前に、カンバス上でグループ化できます。 アセットをグループ化すると、アセットを1つのユニットとして選択し、1回の操作で宛先フォルダーにアップロードできます。 グループ化が完了したら、Adobe Experience Manager AEM Assets コネクタパネルを開き、保存先フォルダーに移動して「アップロード」をクリックし、アセットのアップロードダイアログボックスでグループ化されたアイテムを選択して、書き出し設定を行い、「アップロード」をクリックします。

Figma内からAEM Assets リポジトリ内のフォルダーを移動するにはどうすればよいですか？ navigate-aem-folders-figma

AEM Assets リポジトリ内のフォルダーナビゲーションは、FigmaのAdobe Experience Manager AEM Assets コネクタパネル内で直接使用できます。 フォルダーパスの3点アイコンをクリックすると、現在の階層のすべての親フォルダーと子フォルダーが表示されます。 リストから任意のフォルダーを選択して、その場所に移動します。 デザインを別の保存先フォルダーに書き出す場合は、フォルダーパスの「その他のオプション」をクリックして、AEM Assets リポジトリー内の別のフォルダーを選択します。