UI Color Palette
UI Color Palette
UI Color Palette
  • Welcome aboard!
  • Why should you avoid RBG and HSL color spaces?
  • Glossary
  • Create a color palette
    • Overview
    • Select and import the source colors
      • Select colors from the document canvas
      • Import colors from external libraries
    • Choose a lightness scale preset
    • Set the scale
      • Adjust the lightness scale
      • Adjust the chroma・Pro
      • Distribute the stops・Pro
    • Configure the palette
      • Change the palette global settings
      • Select a color space
      • Select a vision simulation
      • Select a velocity
      • Lock the source colors
    • Create the palette in one single click
    • Use the Quick Actions to create
  • Manage a color palette
    • Overview
    • Adjust the scale
      • Adjust the lightness and the chroma
      • Add or remove stops in the Custom preset
    • Change the source colors
      • Add or remove a color
      • Change a color's parameters
      • Reorder the colors
    • Create color themes・Pro
      • Add or remove a theme
      • Change the themes' parameters
      • Reorder the themes
    • Manage global settings
    • Manage the colors
      • Select a color space
      • Select a vision simulation
      • Select a velocity
    • Manage the contrast
    • Update your preferences
  • Sync a color palette
    • Sync the palette to the local styles・Pro
    • Sync the palette to the local variable・Pro
  • Transfer a color palette
    • Overview
    • Export the palette
      • Export as tokens
      • Export as Custom Properties to CSS
      • Export for Apple apps (SwiftUI and UIKit)・Pro
      • Export for Android apps (Compose and Resources)・Pro
      • Export the LCH values to CSV・Pro
    • Usage in Dev Mode
  • Publish a color palette
    • Manage the palette lifecycle
    • Publish and Synchronize palettes
      • Publish palettes
      • Synchronize palettes
    • Reuse palettes across multiple documents
      • Reuse the palettes for your own usage
      • Hunt the shared palettes from the community
  • Others
    • Troubleshooting
    • Release notes
      • UI Color Palette 19
      • UI Color Palette 20
      • UI Color Palette 21
      • UI Color Palette 22
      • UI Color Palette 23
      • UI Color Palette 24
      • UI Color Palette 25
      • UI Color Palette 26
      • UI Color Palette 28
      • UI Color Palette 29
      • UI Color Palette 30
      • UI Color Palette 31
      • UI Color Palette 32
    • Legal
      • Terms and Conditions
      • Privacy Policy
      • Cookies Policy
Powered by GitBook
  1. Others
  2. Release notes

UI Color Palette 22

Let's extend UI Color Palette to Figjam

PreviousUI Color Palette 21NextUI Color Palette 23

Last updated 1 year ago

Was this helpful?

Key Feature

UI Color Palette on Figjam!

Newly extended to FigJam, the UI Color Palette plugin empowers designers to create and customize their UI color schemes at the start of the design process, providing greater flexibility to their workflow and enhancing their creative potential.

Improvements

Get the lightness scale to the next level

You can now manually enter the value of a lightness stop in the color palette, providing greater precision. Besides, the stops freeze when the scale has been edited.

Say welcome to Layouts

You can switch the UI Color Palette layout to suit your needs. Choose a simple palette to edit the scale and colors and a detailed one to control contrast. There will be more layouts soon. 😉

Minor Changes

  • We have improved the display of the dropdown menu, allowing it to fit within its area.

  • The UI Color Palette has been restructured, separating the source from the shades and renaming "_basics" to "_base".

  • Messages for notifications have been updated when creating and updating local styles.

  • The label "an UI" has been corrected to "a UI".

  • The color indicator in the accessibility score has been accentuated for better visibility if the text color is too light.

  • Properties previously labeled "white" and "black" have been renamed to "light" and "dark" for greater consistency.

Bug Fixes

  • Editing colors is now possible when using Figma on a native browser.