Summary  
This chapter explains how to configure solid and gradient color fills by manipulating color value systems (hex, RGB, HSL, HSB), adjusting color stops’ positions, opacity, and orientation, and selecting gradient types (linear, radial, angular, diamond).  

General domain of usage  
UI/UX design

Figmaでは、図形やデザインに単色またはグラデーションカラーを使用可能。
- デザインパネルで「塗りつぶし」アイコンをクリック；
- 色相スペクトラム、色相スライダー、不透明度スライダーで色を調整。
### 表示されるカラーバリューシステム

- **スポイト**ツールでページやフレームから色をサンプリングしたり、ドロップダウンメニューから他のプロジェクトで保存した色にアクセス可能；
- 塗りつぶしメニューで**グラデーション塗り**を選択すると、グラデーションバーが表示；
- カラーストップの位置変更、新しいストップの追加、グラデーションの回転や反転、各ストップの色や不透明度の調整が可能。

次のうち、Figmaで利用できないカラーバリューシステムはどれですか？

グラデーションの一部のストップを0%の不透明度に設定するとどうなりますか？

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

Figmaとは何か、UI/UXデザインにおけるその役割、そしてFigmaのインターフェースやツールの操作方法について学びます。ブレインストーミングやコラボレーションのためのFigJamボード、さらにFigma内でデザインを効果的に整理・構造化するためのページやフレームについても探求します。

Figmaにおけるカラーとグラデーション塗りつぶし：UI/UXデザインのためのパレット習得

表示されるカラーバリューシステム

1. 次のうち、Figmaで利用できないカラーバリューシステムはどれですか？

2. グラデーションの一部のストップを0%の不透明度に設定するとどうなりますか？