Web Design » Figma » How Do You Use Themer in Figma?

How Do You Use Themer in Figma?

Last updated on September 28, 2022 @ 8:34 pm

Themer is a great tool for creating Figma styles. You can use it to create your own custom styles, or to quickly change the look of an existing design. Here’s how to use Themer in Figma:

1. To create a new style, select the object you want to style, then click the ‘Create Style’ button in the Themer panel.

2. In the ‘Create Style’ dialog, give your style a name, then choose the properties you want to include in the style. You can also specify a parent style, if you want your new style to inherit some properties from another style.

3. Once you’ve created your style, you can apply it to other objects in your design by selecting them and clicking the ‘Apply Style’ button in the Themer panel.

4. To change an existing style, select the object that uses the style, then click the ‘Edit Style’ button in the Themer panel. In the ‘Edit Style’ dialog, make your changes and click ‘OK’.

5. To delete a style, select the object that uses the style, then click the ‘Delete Style’ button in the Themer panel. In the confirmation dialog, click ‘OK’.

Themer is a powerful tool that can help you quickly change the look of your designs. By creating custom styles, or by editing existing styles, you can easily give your designs a new look without having to start from scratch.

PRO TIP: This article is outdated and no longer applies to the latest version of Figma.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.