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

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

公式テキストを読む

Tutorial

デザインスペックを確認する

表示設定に「開発」を指定して共有されたリンクは、スペックモードを表示できます。スペックモードは、アートボード内のオブジェクトのスタイル、レイアウトなどの属性や、ダウンロード可能なアセットを表示します。

アートボードを選択すると、そのアートボードで使用されているすべての色、文字スタイル、および書き出し対象のアセットが表示されます。「書き出し先」に「Web」を指定した場合は、CSSスニペットも表示されます。

オブジェクトを選択すると、そのレイアウト情報とスタイルが表示されます。アートボード内の他のオブジェクトの上にポインターを置くとオブジェクト間の距離を確認できます。