動画の内容はテキストで読むこともできます

XDユーザーズガイドのテキストを読みながら学ぶとより理解できます

公式テキストを読む

Tutorial

外部ツールとの連携 2/5(Photoshop)

この動画のサンプルファイル

adobe-xdtrail-tutorial-extensibility-photoshop-2.zip (22 MB)

Photoshop のデザイン素材を Adobe XD に取り込むには、次のいずれかの方法を使用します。

  • Mac の場合は、ファイル/開く、Windows の場合は、ハンバーガーメニューから開くを選択すると、psd ファイルを XD ドキュメントとして開くことができます。(ローカルファイルの場合は、開くの代わりにローカルコンピューターから開くを選択します)XD で開いたドキュメントは、Photoshop のレイヤーが保持されて、XD で編集できます。詳しくは、XD でサポートされる Photshop のエレメントを参照してください。
  • Mac の場合は、ファイル/読み込み、Windows の場合は、ハンバーガーメニューから読み込みを選択すると、既存の XD ドキュメントに psd ファイルを読み込むことができます。
  • Photoshop からビットマップコンテンツをコピーして、XD にペーストできます。ベクターコンテンツをコピー&ペーストするには、Photoshop でシェイプまたはベクターレイヤーを右クリックして、SVG をコピーをクリックし、それを XD にペーストします。
  • Photoshop のデザイン素材をCCライブラリにアセットとして追加して、それを XD のライブラリパネルからカンバスにドラッグして利用することができます。