WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

会員限定オートレイアウト

要素をオートレイアウト化する
レイアウトの設定をする
フレーム内に要素を追加する
オートレイアウトを使用したボタンの作り方

今回は、ボタンやカードなどの要素を規則的に並べるレイアウトを簡単に作成できる機能のオートレイアウトについて説明します。

要素をオートレイアウト化する

オートレイアウトフレームを作成する

オートレイアウト化したい要素を複数選択した状態で、右クリックメニューから「オートレイアウトの追加」またはショートカットキー（Shift + A）を選択します。すると、選択範囲の周りにオートレイアウトフレームが作成されます。

レイアウトの設定をする

Figmaの使い方

全 14 動画

Figma(フィグマ)とは
01:03
会員限定Figmaのインストールと初期設定
00:46
会員限定Figmaのホーム画面の見方
02:06
会員限定デザインファイルを作る
00:50
会員限定デザインファイルの構成を知る
01:49
会員限定各種ツールの使い方
04:57
会員限定シェイプの配置とスタイル
05:03
会員限定テキストの配置とスタイル
02:45
会員限定ページとフレーム
04:21
会員限定オートレイアウト
02:26
会員限定コンポーネント
02:09
会員限定書き出し
01:13
会員限定共有
01:04
会員限定プロトタイプ
03:58

次のコースへ

Webデザインの作り方