Spacing Scale Generator

スペーシングスケールは、統一感のあるデザインシステムの基礎です。インターフェース全体にばらばらなピクセル値を使う代わりに、一貫したスケールを使うことで、ビジュアルな調和が生まれ、デザイナーと開発者の両方にとって予測可能なレイアウトになります。このツールは数学的な比率に基づいて慎重に計算されたスペーシングスケールを生成するため、各ステップが比例感と意図性を持つようになります。

ツールを使うには、基本スペーシング単位（通常は4pxまたは8px）を選択し、スケール比率（黄金比、長三度、完全四度など）を選んでスケールを生成します。出力にはパディング、マージン、ギャップ、その他のレイアウト計測に必要なすべてのスペーシング値が含まれます。個別の値をコピーしたり、CSS変数、Tailwind設定、JSONなどのフォーマットでスケール全体をエクスポートしたりして、デザインシステムへのシームレスな統合が可能です。