Figmaでの「Space Between」の使い方

Figmaでの「Space Between」は主に自動レイアウト機能を通じて使用されます。この機能は複数の子要素間に空間を自動的に均等に分配し、デザインの一貫性と整然としたレイアウトを作成するのに役立ちます。

つまり、「Space Between」は複数の子要素が最初の要素と最後の要素が両端に付き、残りの要素が均等に分配される機能です。

 

 

 

「Space Between」について簡単に学ぶ理由は、開発者との対話が必要だからです。最近ではデザインを実装する人が直接画面を作る場合もあります。「Space Between」を使用すると、コンテナ内のアイテム間の空間を均等に作ることができます。1番と2番、2番と3番の間の間隔は同じです。「Space Between」は様々なWebコンポーネントを実装する際に非常に役立ちます。

UriTabiのヘッダー部分を見ると、ロゴ、メニュー、ログインボタンの間隔は「Space Between」を利用して実装されています。