Figmaのより便利な機能「カラーパレット」の動画です。

UIはシステムで設計していくので、うまく使うと強力です。ぜひ慣れていきましょう。

📜目次

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

00:00  カラーパレット機能解説

01:11  今日のポイント

01:31  UI配色の基礎

02:30  配色カテゴリを知ろう

06:58  カラーパレット機能

11:36  登録した色で配色

16:56  おさらい

📜素材

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

Figma - カラーパレットの素材

https://www.figma.com/file/i0PMMa8PC2TYcjgBqtqcrD/figma%E8%AC%9B%E5%BA%A7?node-id=104%3A579

‍

Figmaのより便利な機能「カラーパレット」の動画です。

UIはシステムで設計していくので、うまく使うと強力です。ぜひ慣れていきましょう。

📜目次

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

00:00  カラーパレット機能解説

01:11  今日のポイント

01:31  UI配色の基礎

02:30  配色カテゴリを知ろう

06:58  カラーパレット機能

11:36  登録した色で配色

16:56  おさらい

📜素材

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

Figma - カラーパレットの素材

https://www.figma.com/file/i0PMMa8PC2TYcjgBqtqcrD/figma%E8%AC%9B%E5%BA%A7?node-id=104%3A579

‍

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

1. Item 1
2. Item 2
3. Item 3

Unordered list

• Item A
• Item B
• Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript