Back to Plugins
Themer

Themer

<p>Themer enables you to create and switch themes from your *published* styles in your team library.</p><p><br></p><p><strong>How does it work?</strong></p><p>Themer creates themes from sets of styles. Each set of styles should contain styles with the same name. When you make a selection, the plugin will identify styles which have matching names associated with the theme you selected, and apply them all at once; enabling you to do fast theme switches.</p><p><br></p><p>Themer uses an external service (<a href="http://jsonbin.io/" rel="noreferrer noopener nofollow ugc" target="_blank">jsonbin.io</a>) to store your theme definitions. This enables you to share your configuration with your teammates so that everyone can use the same set of themes. Only the names of your styles, the name of your themes, and a unique identifier for each style is stored in this data.</p><p><br></p><p><a href="https://www.youtube.com/watch?v=xOPZ2oGdQFo" rel="noreferrer noopener nofollow ugc" target="_blank">Watch the setup video on YouTube</a>.</p><p><br></p><p><strong>Notes:</strong></p><ul><li>Your styles <strong>must</strong> be published to use Themer</li><li>Your Themer configuration (API Key and Bin URL) will be stored to your Figma client. You may need to re-enter this information if use it on a different device, or move between accessing Figma in the browser and desktop app.</li></ul>

themetheme switchingtokensswapstylestheming

Plugin Preview

Themer preview

About this plugin

Themer enables you to create and switch themes from your *published* styles in your team library.


How does it work?

Themer creates themes from sets of styles. Each set of styles should contain styles with the same name. When you make a selection, the plugin will identify styles which have matching names associated with the theme you selected, and apply them all at once; enabling you to do fast theme switches.


Themer uses an external service (jsonbin.io) to store your theme definitions. This enables you to share your configuration with your teammates so that everyone can use the same set of themes. Only the names of your styles, the name of your themes, and a unique identifier for each style is stored in this data.


Watch the setup video on YouTube.


Notes:

  • Your styles must be published to use Themer
  • Your Themer configuration (API Key and Bin URL) will be stored to your Figma client. You may need to re-enter this information if use it on a different device, or move between accessing Figma in the browser and desktop app.

Plugin Details

Version19
CreatedJuly 11, 2019
Last UpdatedSeptember 8, 2022
Categoryshapes-colors
CreatorTom
Stats41699 installs, 1323 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the shapes-colors category.