【Figma】何で必要？オートレイアウトの使い方、完全解説してみた。【チュートリアル付】

Figmaを愛用する人中では馴染みのある”オートレイアウト（Auto Layout）"。ただ、初心者の方にとっては「なんだ...この機能は...（意味ワカメ）」なのかなと思います。

というわけで！めちゃくちゃ尺を使って解説してみました！
Figmaを操作しながらオートレイアウトを理解できる動画です。多分これみてやれば、一般的に必要な項目は網羅できると思います！


❐ チュートリアル素材
-------------------------------------------
こちらをお使いください〜
※コピペして、手元のFigmaでお試し下さい

○ 題材1
https://www.figma.com/file/DJPtHGWBDi...

○ 題材2
https://www.figma.com/file/DJPtHGWBDi...



❐ 目次
-------------------------------------------
00:00 目次と動画の説明
02:18 なぜオートレイアウト？いつ使うの？
07:02 コードでレイアウト組むってどんな感じ？
10:06 実装を意識したデータ、スピードも速い
11:39 使い方を解説します
13:33 オートレイアウト使ってみよう！
19:38 オートレイアウト使ってみよう②
26:06 さらに詳細を習得しよう！
26:56 Hug/Fill/Fixの違い
28:04 Fillを使ってデザインをしよう
32:17 お疲れ様でした！



❐ UIとUXのコミュニティ『BONO』
-------------------------------------------
デザイナーになりたい、デザインをもっと伸ばしたい。
成長速度は現場のプロに聞いて、仕事を見て学べば倍以上になります。し、同じ気持ちのメンバーと一緒に成長すればさらに上がります。

詳しくはこちら！参加お待ちしてます。
https://www.bo-no.design/


❐ カイクンについて👋
-------------------------------------------
Webデザイン、UIデザインを経て、今ではスタートアップの立ち上げしたりしてます。
経営学部→独学でmixiデザイン部→NewsPicksでPdM×デザイナとしてAppリニューアル等→MOSH共同創業→Cocoda!,SHE,canal,Spir etc立ち上げなどなどやっておりました

#figma #オートレイアウト #autolayout