Service logo

    ジョブボード

    有益なデザイン情報をメールでお届けします。

    お役立ちのデザイン情報のみをお送りします。メールは多くとも週に一回で、もちろんスパムメールはありません。

    ツール
    • Figma
    Figma
    • プラグイン
    • 機能
    インスピレーション
    • ポートフォリオ
    • デザイン記事
    • ジョブボード

    Designpedia © 2025 / Trademarks, names, terms and IPs are property of their respective owners unless otherwise stated

    Legal Information

    Figma プラグイン

    Figma 機能

    figma logo

    Figma オートレイアウト時の高さを設定する

    オートレイアウト時の高さを設定する

    1. Figma
    2. 機能
    3. デザインパネル
    4. 垂直方向のサイズ変更
    eyecatch image

    オートレイアウト適用時の高さ設定

    「H」欄の下に「固定」「ハグ」「拡大」のいずれかの言葉が入った欄が表示されます。

    set-auto-layout-height_image01.png

    固定

    数値で 指定する高さです。 周囲の要素の影響は受けません。

    set-auto-layout-height_image02.png

    set-auto-layout-height_image03.png

    ハグ(コンテンツを内包)

    中にある要素の高さに応じて伸縮します。 数値を断定しづらいときに使用します。

    set-auto-layout-height_image04.png

    set-auto-layout-height_image05.png

    拡大(コンテナに合わせて拡大)

    指定した要素の1つ上のレイヤー(指定要素を覆っているレイヤー)に合わせて高さを拡大します。

    set-auto-layout-height_image06.png

    set-auto-layout-height_image07.png

    author icon

    Designpedia Team

    2024年1月15日(月) 公開