Figma Color Picker

/

/

/

/

Figma Color Picker

Preview

Figma Color Picker

Figma Color Picker Component

The Color Picker component allows users to choose a specific color by interacting with color-selecting controls, such as Input Fields, Buttons, and other form elements.

The Color Picker includes a customizable palette design with pre-set and user-defined colors, enabling quick selection, application, and reuse across Figma projects.

Color Picker Anatomy

SetVariantsPropertiesCopy to Figma
Color Picker2Type Linear, Angular

The color picker component has been introduced in Frames X UI Kit v2.4.

Figma Color Picker

Color Picker

color picker example

color picker component

figma color picker

Interactive component

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
— 10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.