Create a Color Style in Figma

  • First, select the layer holding the fill color you desire to save as a color style.
  • Next, head to the Fill section in the right-hand sidebar.
  • Select the four dots icons in the Fill section to trigger the color styles modal.
Untitled
  • Hit the + icon in the right corner of the Color styles modal.
Untitled
  • Let’s give our style the name of Color Style 1 then hit Create style button.
Untitled

You can create as much styles as your want.

Access your File’s Color Styles

To display and access all your file’s styles, all you have to do is to click on the file’s gray. All your styles will be displayed in the right-hand sidebar.

Related Articles