#6 『ツイート作成』UIをデザインしよう！しよう - Figmaの使い方チュートリアル

保存済

質問

2023

年

月

日

スキルを上げて、創造のための武器を手に入れよう

すべての動画閲覧には、メンバーシップ加入が必要です

メンバー登録について

だいぶ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?type=design&node-id=486%3A8429&t=Laejsyq2lhPAP9lV-1

❐ 関連動画

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

□ Figmaの使い方 : 入門シリーズ

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

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

https://youtu.be/bPDcUlv7C7A

□ コンポーネント機能説明

https://youtu.be/hjsWrHn1S4s

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

❐ 目次

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

00:00 ツイート入力UIをデザイン

00:13 この動画のポイント！

02:31 メインコンテンツエリアをデザイン

13:45 アクションブロックをデザインしよう

22:38 ボタンのデザイン

27:23 ブロック全体をまとめます！

33:11 次のデザインでやること

‍

だいぶ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?type=design&node-id=486%3A8429&t=Laejsyq2lhPAP9lV-1

❐ 関連動画

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

□ Figmaの使い方 : 入門シリーズ

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

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

https://youtu.be/bPDcUlv7C7A

□ コンポーネント機能説明

https://youtu.be/hjsWrHn1S4s

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

❐ 目次

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

00:00 ツイート入力UIをデザイン

00:13 この動画のポイント！

02:31 メインコンテンツエリアをデザイン

13:45 アクションブロックをデザインしよう

22:38 ボタンのデザイン

27:23 ブロック全体をまとめます！

33:11 次のデザインでやること

‍

だいぶ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?type=design&node-id=486%3A8429&t=Laejsyq2lhPAP9lV-1

❐ 関連動画

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

□ Figmaの使い方 : 入門シリーズ

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

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

https://youtu.be/bPDcUlv7C7A

□ コンポーネント機能説明

https://youtu.be/hjsWrHn1S4s

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

❐ 目次

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

00:00 ツイート入力UIをデザイン

00:13 この動画のポイント！

02:31 メインコンテンツエリアをデザイン

13:45 アクションブロックをデザインしよう

22:38 ボタンのデザイン

27:23 ブロック全体をまとめます！

33:11 次のデザインでやること

‍

Load Previous

No Name

Set

2 years ago

Moderator

(Edited)

Delete Forever

This is the actual comment. It's can be long or short. And must contain only text information.

Your reply will appear once approved by a moderator.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Figma初級

シリーズでやることを確認しよう

#1UIトレースで学ぶFigmaの使い方!オートレイアウトとコンポーネントをマスターして作業効率UP&UIの基本をマスターする

Figmaのコア機能を習得しよう

#2UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう！ - Figmaの使い方チュートリアル

#3 コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル

#4 オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル

身につけた機能を実践しよう

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