adobe XDを使って簡単にPDF資料を作成する

ディレクションをしていて、お客様への提出資料として、PDFでワイヤーフレームの資料提出する際に苦労した経験はありませんか？

adobe XDはユーザーUI設計ツールとしても非常に優れており、注目を浴びていますがその設計したUIをPDFの資料として出力する際も非常に便利です。

ワイヤーフレームを用意する

まずは下図のようにワイヤーフレームを作成します。

PDF書き出しをする

あとは簡単です。メニューからファイルを選択し、書き出しを選択します。あとはフォーマットでPDFを選択し、選択したアセットの保存形式を任意のものを選択します。

単独のPDFファイルを選択すると、PDFのファイル名はXDファイルのファイル名となり、全カンバスが1枚のPDFとして出力されます。

複数のPDFファイルを選択すると、各カンバス名がファイル名となり、それぞれ別ファイルのPDFとして出力されます。

資料の作成時間は短縮できると、その分サイトディレクションに時間を割けますね。ぜひ参考にしてください。