機能概要

オートレイアウトは、レスポンシブ機能対応アプリで利用可能なデザイン補助機能です。 手動での位置調整や余白の微調整を最小限に抑え、効率的かつ統一感のあるデザイン作成をサポートします。

できること

  1. デザインの効率化:要素の位置や余白を自動調整するため、作業時間を大幅に短縮できます。
  2. デザインの一貫性を維持:要素間の間隔や配置を一定に保てるため、全体のデザイン統一感を向上できます。
  3. レスポンシブ対応:公開時に画面サイズに応じて要素の配置やサイズが自動調整されます。

※オートレイアウトはレスポンシブ機能でのみご利用可能です

💡この記事では、デザインにオートレイアウトを追加する方法と、オートレイアウトフローで子オブジェクトを再配置する方法について説明します。オートレイアウトのサイズ変更、間隔、整列や、その他のプロパティについては、オートレイアウトプロパティをご覧ください。

オートレイアウト機能が付いたページには、通常のページにはないさまざまなプロパティがあります。オートレイアウトを適用すると、右側パネルのスタイルタブ内に、「レイアウト」項目が追加されます。


対象プラン

Proプラン以上・レスポンシブ環境(v4)


オートレイアウトを追加

ページ全体にオートレイアウトを追加する

オートレイアウトを追加するには、必ず作業の開始時にページ左上にあるページ名を選択し、右側パネルのページのプロパティのスタイルタブから**「オートレイアウトにする」**をクリックしてください。

1024_1_.gif

選択範囲にオートレイアウトを追加する