【XDからコーディング】画像の書き出し / 値の取得方法

• フォーマット：
  PNG / JPG / SVG / PDF
• 書き出し設定：
  web
• デザイン倍率：
  1xと2xがあるが、「書き出し設定」をwebにしていると、1xを選択した場合でも2xが同時に書き出される。
• 書き出し先：
  保存するフォルダを選ぶ。

• width：「W」の値。
• height：「H」の値。

• background-color：
  「アピアランス」の「塗り」をクリックして色コードを確認。
• 透明度：
  「アピアランス」の1番上のパーセントを確認。

「アピアランス」の「塗り」の上の楕円形の横の数字を確認。

• 「アピアランス」の「線」をクリックして色コードを確認。
• 存在する場合は「サイズ」も表示され、borderの太さにあたる。

• 「アピアランス」の「シャドウ」の「X Y B」の値（X→x方向(→)、Y→y方向(↓)、B→ぼかし）。
• 影の色は「シャドウ」をクリックして色コードを確認 (透明度もここで確認できる)。

• font-family：
  「テキスト」項目の1番上の値。
• font-size：
  「テキスト」項目2段目の左の値。
• font-weight：
  「テキスト」項目の2段目の右の値。
• letter-spacing：
  「テキスト」項目3段目の左、AVの値 / 1000 にem単位をつける。
• line-height：
  「テキスト」項目3段目の↕︎の値 / font-size。
• color：
  「塗り」の色コードを確認。
• 透明度：
  「塗り」の色コードの横のパーセントを確認。