#5 オートレイアウトを使って『リスト切り替えUI』をデザインしよう！ - Figmaの使い方チュートリアル

オートレイアウトを使って『リスト切り替えUI』のデザインを実践していきましょう！

‍

‍

❐ Figmaファイル

-------------------------------------------

動画で完成したFigmaファイルはこちら

https://www.figma.com/file/PsfpGb1fhe1wyyRZHvpgt1/%F0%9F%8D%B0Figma%3AAutolayoutComponent%C3%97%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B9?node-id=357%3A7798&t=cu5kfu6MbRfxfZsU-1

❐ 関連動画

-------------------------------------------

Figma入門シリーズ

https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z

オートレイアウトの機能説明

https://youtu.be/bPDcUlv7C7A

コンポーネント機能説明

https://youtu.be/hjsWrHn1S4s

https://youtu.be/8FM-R2EBUnI

❐ 目次

-------------------------------------------

00:15 PrimaryBlockをデザインしていこう

01:24 この動画でデザインするもの

04:10 "ページタイトル"ブロックをデザイン

09:41 "ヘッダー"ブロックをデザイン

11:45 "リスト切り替え"UIをデザイン

19:24 仕上げ : "リスト切り替え"UI

24:16 タブのON/OFFをコンポーネントにしよう

28:01 次：ツイート入力UIをデザインします

‍

オートレイアウトを使って『リスト切り替えUI』のデザインを実践していきましょう！

‍

❐ Figmaファイル

-------------------------------------------

動画で完成したFigmaファイルはこちら

https://www.figma.com/file/PsfpGb1fhe1wyyRZHvpgt1/%F0%9F%8D%B0Figma%3AAutolayoutComponent%C3%97%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B9?node-id=357%3A7798&t=cu5kfu6MbRfxfZsU-1

❐ 関連動画

-------------------------------------------

Figma入門シリーズ

https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z

オートレイアウトの機能説明

https://youtu.be/bPDcUlv7C7A

コンポーネント機能説明

https://youtu.be/hjsWrHn1S4s

https://youtu.be/8FM-R2EBUnI

❐ 目次

-------------------------------------------

00:15 PrimaryBlockをデザインしていこう

01:24 この動画でデザインするもの

04:10 "ページタイトル"ブロックをデザイン

09:41 "ヘッダー"ブロックをデザイン

11:45 "リスト切り替え"UIをデザイン

19:24 仕上げ : "リスト切り替え"UI

24:16 タブのON/OFFをコンポーネントにしよう

28:01 次：ツイート入力UIをデザインします

‍