space_bar 文字間隔（レタースペーシング）変換ツール（トラッキング → CSS） star

3つのツール、3つの単位

Adobeアプリはトラッキングをemの1000分の1単位で測定します。CSS em = トラッキング ÷ 1000、つまりトラッキング50 → letter-spacing: 0.05em。Figmaのパーセントは単にem × 100です。5% = 0.05em。px値はさらにフォントサイズにも依存します。16 pxで0.05em = 0.8 px。デザインファイルに表示されている値を入力すれば、他の値も自動的に更新されます。

CSSではem出力を使うことをおすすめします — フォントサイズに応じて拡大縮小するため、見出しとキャプションが1つのルールで比例した間隔を保てます。一般的な範囲：大きな見出しでは-10〜-30のトラッキング、小さな大文字ラベルでは+50〜+200。