Photoshop のデザインの読み込みまたは起動

最終更新日 : 2023年6月6日

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

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

XD への Photoshop ファイルの読み込み

XD で Photoshop ファイルを開く



XD から、ファイル > インポートを選択します。インポートされた Photoshop コンテンツは、開いている XD ファイル内に配置されます。

Photoshop アセットをブラウザーからコンピューター上の XD アイコンにドラッグするか、アセットを右クリックしてプログラムから開く > XDを選択します。新しい XD ドキュメントが作成されます。

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

XD 57 では、アドビは XD のカラーマネジメント機能を改善しました。Photoshop から sRGB カラープロファイルを持つアセットを、sRGBカラープロファイルを持つ XD ドキュメントにインポートまたは読み込むと、一貫した色が得られます。XD ドキュメントに管理されていないカラープロファイルがある場合は、カラープロファイルを sRGB に切り替えるよう促すメッセージが表示されます。

この機能を試す

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

サンプルファイル

詳細情報

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

視聴時間:1 分

次のステップ

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

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

コミュニティで質問

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