UI#2 UIトレースの準備をしよう

ヘッダーUIをFigmaでデザインします！

📜目次

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

00:00 デザインするアードボードの準備
00:17 デザインするUIの紹介
01:48 スクショを作業ファイルに置こう
03:31 デザインするFrameを設置しよう
05:35 Frame プリセット機能
06:49 スマホ解像度の調べ方
08:43 アイコンとOSUIキットの準備
09:40 マテリアルアイコンを準備
12:47 Figmaコミュニティの説明
14:24 iOSのUIキットを準備
22:03 覚えるより慣れていこう
22:31 AndoroidのOSキット
23:01 次回：YouTubeの動画UIをデザインしていきます
23:04 質問などあればコメントで

‍

📜 Figma素材

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

https://www.figma.com/design/PuNqOnvB3I5XZkOlbaa6QJ/2025%3AFigma%E5%88%9D%E5%BF%83%E8%80%85%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%B3%E3%83%BC%E3%82%B9?node-id=44-235&t=Yh3B36ZZJEDDGEsM-1

ヘッダーUIをFigmaでデザインします！

‍

📜目次

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

00:00 デザインするアードボードの準備
00:17 デザインするUIの紹介
01:48 スクショを作業ファイルに置こう
03:31 デザインするFrameを設置しよう
05:35 Frame プリセット機能
06:49 スマホ解像度の調べ方
08:43 アイコンとOSUIキットの準備
09:40 マテリアルアイコンを準備
12:47 Figmaコミュニティの説明
14:24 iOSのUIキットを準備
22:03 覚えるより慣れていこう
22:31 AndoroidのOSキット
23:01 次回：YouTubeの動画UIをデザインしていきます
23:04 質問などあればコメントで

‍

📜 Figma素材

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

https://www.figma.com/design/PuNqOnvB3I5XZkOlbaa6QJ/2025%3AFigma%E5%88%9D%E5%BF%83%E8%80%85%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%B3%E3%83%BC%E3%82%B9?node-id=44-235&t=Yh3B36ZZJEDDGEsM-1

‍

‍