この記事は最終更新日から1年以上が経過しています

  • 投稿日:2024/04/06
  • 更新日:2024/04/06
時短応援◎Figmaのオートレイアウト機能を使って効率よくデザインを作成しよう〜設定編

時短応援◎Figmaのオートレイアウト機能を使って効率よくデザインを作成しよう〜設定編

  • 2
  • -
会員ID:g4HJ0Iyy

会員ID:g4HJ0Iyy

要約
WEBデザインツールFigmaの便利機能のひとつ「オートレイアウト」機能紹介と設定方法をまとめました。 機能紹介は別記事にてご紹介しています。 今回は設定編です! 画面キャプチャで実際の画面を紹介しつつ説明しています。 デザイナーを目指す皆様のお役に立てれば幸いです!

この記事はこんなひとにおすすめ!

機能紹介編を読んだ方
Figmaを勉強中の方
PhotoshopやIllustratorを利用しているがFigmaを検討している人

記事の内容について

機能紹介編に引き続き、オートレイアウトの設定を画面で紹介していきます。

私自身もまだまだ勉強中ではありますが、機能をうまく使って効率よくデザイン作成ができるお手伝いになればと思います。

おさらい:Figmaのオートレイアウト機能とは?

機能紹介編でも記載していますが、おさらいです😃

オートレイアウトとは「フレーム」機能のひとつ。
(PhotoshopやIllustratorを使われている方にとっては「アートボード」が近いでしょうか)

指定したフレームの中の要素(画像やテキストなど)を規則的に自動で並べることが出来る機能です。

縦並び、横並び、折り返しの有無、要素間の余白の設定などができるので、整列されたデザインを簡単に作ることが出来ます。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:g4HJ0Iyy

投稿者情報

会員ID:g4HJ0Iyy

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません