レイアウトグリッドを追加する - Framer ヘルプ

Last updated on 10/20/2025@mrbirddev
レイアウトグリッドを追加する - Framer ヘルプ

グリッドはキャンバス上の要素を整列し整理するのに役立ち、デザインをバランスよく、清潔で視覚的に一貫性のあるものにします。

レイアウトグリッドを追加する

始めるには、ガイドがキャンバス上に表示されていることを確認してください。

  1. 左上のFramerロゴをクリックし、表示メニューを開きます。
  2. 「ガイドを表示」を選択してグリッドオーバーレイを表示します。

また、表示されているキーボードショートカットを使用することもできます。/

グリッドプロパティを設定する

ガイドが表示されたら、プロジェクトに合わせてレイアウトを微調整できます。

  1. 作業したいブレークポイントを選択します。
  2. 右側のパネルで、レイアウト設定を調整できる一連のグリッドコントロールが表示されます。
  • グリッドタイプ: 必要な構造に応じて、カラムまたは行グリッドを選択します。
  • 間隔: 項目間のスペースを定義し、清潔で呼吸しやすいレイアウトを作成します。
  • 余白: デザインに適切なパディングを与えるために外縁を設定します。
  • : コンテンツが占めるスペースを制御するために、グリッドの総幅をカスタマイズします。

Framerモーダル「ガイド」のスクリーンショット。

問題が発生した場合やさらにサポートが必要な場合は、お問い合わせページを通じてFramerのサポートチームにご連絡ください。

Framerヘルプに戻る

Last updated on 10/20/2025@mrbirddev
Recent Articles
Loading...