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

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

公式テキストを読む

Tutorial

デザイン素材の書き出し

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

ui-design-export-design-assets.zip (14 MB)

Adobe XD からデザイン素材を PNG、SVG、JPG、PDF 形式で書き出せます。書き出したいオブジェクトを選択し、ファイル書き出し選択したオブジェクトを選択するか、ショートカットキーCmd/Ctrl + E を使い、アセットを書き出すダイアログが表示されます。

書き出し設定にデザインを指定すると、等倍の画像が書き出されます。書き出し設定にWebを指定すると、1倍と2倍の画像が書き出されます。同様に、書き出し設定にiOSを指定すると、1x、2x、3x 解像度の画像が書き出されます。Androidの場合は、ldpiからxxxhdpiまでの各サイズの画像が書き出されます。

画像を書き出し対象に指定しておくと、ファイル書き出しすべての書き出し対象から一括書き出しができます。

アートボード全体をPDF資料として書き出すこともできます。その場合は、ファイル書き出しすべてのアートボードと選択し、フォーマットにPDFを、オプションとして単一のPDFファイルを指定します。