Figmaのコンポーネントについてです。
「ネストコンポーネント」という状態に持っていって、柔軟性の高いListItemのコンポーネントをデザインしていきます。
目次も活用してデザインしてみてくださいね~。
❐ 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=83%3A13983&t=vI5F0SYZ4XR1cxd0-1
❐ 関連動画
-------------------------------------------
Figma入門シリーズ
https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z
オートレイアウトの機能説明
コンポーネント機能説明
❐ 目次
-------------------------------------------
00:00 今日はコンポーネントをマスターするぞ
01:26 とりあえずコンポーネントにする
05:37 アイコン切り替え:ネストコンポーネント
06:39 アイコンをコンポーネント登録
07:19 Frameサイズの調整方法
10:24 アイコンを綺麗に揃えるには?
13:00 アイコンサイズを揃える
17:02 アイコンをコンポーネントに
21:03 コンポーネントの完成へ!
24:36 次回:ナビゲーション完成へ
Figmaのコンポーネントについてです。
「ネストコンポーネント」という状態に持っていって、柔軟性の高いListItemのコンポーネントをデザインしていきます。
目次も活用してデザインしてみてくださいね~。
❐ 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=83%3A13983&t=vI5F0SYZ4XR1cxd0-1
❐ 関連動画
-------------------------------------------
Figma入門シリーズ
https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z
オートレイアウトの機能説明
コンポーネント機能説明
❐ 目次
-------------------------------------------
00:00 今日はコンポーネントをマスターするぞ
01:26 とりあえずコンポーネントにする
05:37 アイコン切り替え:ネストコンポーネント
06:39 アイコンをコンポーネント登録
07:19 Frameサイズの調整方法
10:24 アイコンを綺麗に揃えるには?
13:00 アイコンサイズを揃える
17:02 アイコンをコンポーネントに
21:03 コンポーネントの完成へ!
24:36 次回:ナビゲーション完成へ
Figmaのコンポーネントについてです。「ネストコンポーネント」という状態に持っていって、柔軟性の高いListItemのコンポーネントをデザインしていきます。
目次も活用してデザインしてみてくださいね~。
❐ 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=83%3A13983&t=vI5F0SYZ4XR1cxd0-1
❐ 関連動画
-------------------------------------------
Figma入門シリーズ
https://www.youtube.com/playlist?list=PLpe817jgOmIpcrK1s-z6KTOjli5G1ds0Z
オートレイアウトの機能説明
コンポーネント機能説明
❐ 目次
-------------------------------------------
00:00 今日はコンポーネントをマスターするぞ
01:26 とりあえずコンポーネントにする
05:37 アイコン切り替え:ネストコンポーネント
06:39 アイコンをコンポーネント登録
07:19 Frameサイズの調整方法
10:24 アイコンを綺麗に揃えるには?
13:00 アイコンサイズを揃える
17:02 アイコンをコンポーネントに
21:03 コンポーネントの完成へ!
24:36 次回:ナビゲーション完成へ
0 Comments