XDは、Photoshop、Illustrator、Sketchなど他のデザインツールのデータを読み込み、新しいXD用データとして編集することができます。ブックマーク公開日:2019/05/23最終更新日:2019/05/23目次1.Photoshop(.psd)データの読み込み2.Illustrator(.ai)データの読み込み3.Sketch(.sketch)データの読み込み4.画像(PNG、JPG、TIFF、GIF、SVG)の読み込み1.Photoshop(.psd)データの読み込みいくつか方法があり、用途に応じて使い分けます。Document)データ自体をXDで開き、XD上で編集することができます。XD」を選択こうして編集したデータをPSDデータで保存し直すことはできません。過去にPhotoshopで作成したWeb・アプリのデザインデータをXDに変換するために使うと良いでしょう。一部の機能はXDに対応しておらず、表示が変わることがあります。Adobe公式のヘルプ記事でまとめられているので詳しくはそちらをご確認ください。PSDに配置している一部の要素をXDデータ内へ配置するPSD内のレイヤーを選択し、XDの画面にドラッグ&ドロップすると画像として貼り付けることができます。選択していたレイヤーがシェイプ・パスであればベクター画像に、それ以外(ラスタライズされた画像、テキストなど)であればビットマップ画像になります。一部の機能はXDに対応しておらず、表示が変わることがあります。Adobe公式のヘルプ記事でまとめられているので詳しくはそちらをご確認ください。ライブラリに登録し、XDの画面上に配置することができます。Photoshopの「CCライブラリ」パネルに選択したレイヤーをドラッグ&ドロップして、「グラフィック」コンテンツとしてデータを登録します。ライブラリ」パネルを開くと、先程登録したコンテンツが表示されるので、これをドラッグ&ドロップして配置します。ライブラリパネルを通じてすぐにPhotoshopの編集画面へアクセスでき、その編集内容は保存するとすぐ同期されます。2.Illustrator(.ai)データの読み込みいくつか方法があり、用途に応じて使い分けます。Illustrator形式)データ自体をXDで開き、XD上で編集することができます。編集したデータをAIデータとして保存し直すことはできません。この機能は、過去にIllustratorで作成したWeb・アプリのデザインデータをXDに変換するために使うと良いでしょう。一部の機能はXDに対応しておらず、表示が変わることがあります。Adobe公式のヘルプ記事でまとめられているので詳しくはそちらをご確認ください。AIデータ内に配置している要素をXDデータ内へコピペするAI内のレイヤーを選択・コピーし、XDの画面にペーストすると、編集可能な状態を維持したまま配置できます。アートボードはコピー&ペーストできません。テキストは、フォント・サイズ・字送りなどのスタイルを引き継ぎ、テキスト内容の編集も可能です。カーニング(自動・オプティカル)に関しては、XDにまだその機能自体ないため引き継がれず、見た目が変わるので注意が必要です。「リンク画像」または「配置」したAI、PSDをコピー・ペーストすると画像として配置されます。リンクは破棄され、再編集もできません。このように、一部の機能はXDに対応しておらず、表示が変わることがあります。Adobe公式のヘルプ記事でまとめられているので詳しくはそちらをご確認ください。ライブラリに登録し、XDの画面上に配置することができます。Illustratorの「CCライブラリ」パネルに要素をドラッグ&ドロップして、「グラフィック」コンテンツとして登録します。ライブラリ」パネルを開くと、先程登録したコンテンツが表示されるので、これをドラッグ&ドロップして配置します。ライブラリパネルを通じてすぐにIllustratorの編集画面へアクセスできます。編集した内容はクラウド上で同期され、保存するとXDの画面にもすぐ反映されます。3.Sketch(.sketch)データの読み込みいくつか方法があり、用途に応じて使い分けます。Sketchデータ自体をXDで開くいずれかの方法でSketchデータ自体をXDで開き、XD上で編集することができます。XD」を選択こうして編集したデータをSketchデータで保存し直すことはできません。過去にSketchで作成したWeb・アプリのデザインデータをXDに変換するために使うと良いでしょう。Sketch内に配置している一部の要素をXDデータ内へコピペするSketch内のレイヤーを選択・コピーし、XDの画面にペーストすると、編集可能な状態を維持したまま配置できます。そのままではうまくペーストできません。コピペしたいレイヤーまたはグループを選択し、「書き出し可能にする」をクリックします。レイヤーをドラッグ&ドロップ、またはコピペできるようになります。4.画像(PNG、JPG、TIFF、GIF、SVG)の読み込みXDでは、単体の画像(PNG、JPG、TIFF、GIF、SVG)データを個別に開く機能はありませんが、作成中のデータ内にそれぞれ配置することはできます。いずれかの方法で配置します。