Adobe XD で既存の Photoshop のデザインを読み込んだり、開いたりする方法について説明します。

Adobe XD では、Photoshop でデザインを作成し、XD に取り込むことにより、いつでも Photoshop と連携できます。XD に Photoshop のファイルを取り込むには、次のような方法があります。

XD への Photoshop ファイルの読み込み
XD で Photoshop ファイルを開く


XD から、ファイル/読み込みを選択します。Photoshop コンテンツを読み込むと、開いている XD ファイル内に配置されます。
ブラウザーからコンピューターの XD アイコンに Photoshop のアセットをドラッグするか、アセットを右クリックして開く/XD を選択します。新しい XD ドキュメントが作成されます。

読み込まれたファイルではアートボードおよびレイヤーが維持され、XD での編集、インタラクションの接続、プロトタイプまたはデザインスペックとしての共有を行うことができます。

この機能を試す

読み込みワークフローをお試しいただくために、以下のサンプルファイルをダウンロードすることができます:
サンプルファイル

詳細情報

Photoshop XD のデザインの読み込みについて詳しくは、次のビデオを参照してください。 

視聴時間:1 分


次のステップ

これで、Photoshop から XD にアセットを読み込むことができました。さらに一歩踏み込んで、Photoshop から XD にデザインをコピー&ペーストする方法についてご確認ください。

ご質問または共有するアイデアがある場合

ask-the-community

ご質問または共有するアイデアがある場合は、Adobe XD コミュニティフォーラムにぜひご参加ください。皆様からのご意見や作品をお待ちしております。