Back to Plugins
Yellowstone — plugin for themes

Yellowstone — plugin for themes

<p>Create, switch and manage as many themes as you need.</p><p>Global themes supported, with no need to login anywhere.</p><p>Export CSS-variables from theme.</p><p>Update all styles within theme at once using Palettes.</p><p><br></p><h2>Learn how to use this plugin with this Figma <a href="https://www.figma.com/community/file/909196746962798493/How-to-use-Yellowstone-%E2%80%94%C2%A0plugin-for-themes" rel="noreferrer noopener nofollow" target="_blank">Yellowstone Playground</a></h2><p><br></p><h2>Switch themes 🌞🌛</h2><p>Plugin switches all colors and effects within selection.</p><p>Works for texts with multiple styles.</p><p><br></p><h2>Create new themes — as much as you need 👨‍🎨👩‍🎨</h2><p>Duplicate existing theme to create new in just one click. No need to create new styles manually.</p><p><br></p><h2>Manage themes: rename, update, delete 🧰🎨</h2><p>Update themes using Palettes: draw theme’s Palette, change its colors and effects and update entire theme. Try this Figma <a href="https://www.figma.com/community/file/909196746962798493/How-to-use-Yellowstone-%E2%80%94%C2%A0plugin-for-themes" rel="noreferrer noopener nofollow" target="_blank">Yellowstone Playground</a> to learn how to use it.</p><p><br></p><h2>Use global themes 📖</h2><p>Save your library’s themes within plugin, load it in another figma file and use. That easy. No need to login anywhere, no need to create any external files or smth.</p><p><br></p><h2>Export CSS-variables from theme 📤</h2><p>Put css-variables in styles Description once and get ready-to-go code in one click, with any update of your theme.</p><p><br></p><p>---</p><p><br></p><h2>What it does with Local Styles 💡</h2><p>Plugin puts square brackets in style name, to define what theme it belongs to. For example: <code>[Light] / card</code>, <code>[Dark] / card</code> or <code>[Gray] / card</code>.</p><p><br></p><p>Of course you can put brackets manually, anywhere, there's no limits: <code>Card [Light]</code>, <code>Card / bg [Light]</code>, <code>Card [Light] / bg</code>, <code>[Light] / bg</code> — its all good. Also, plugin will <em>keep your syntax</em> renaming themes and creating new ones.</p>

thememanagemodeglobaldarkdesign_systemappearancestyleslight

Plugin Preview

Yellowstone — plugin for themes preview

About this plugin

Create, switch and manage as many themes as you need.

Global themes supported, with no need to login anywhere.

Export CSS-variables from theme.

Update all styles within theme at once using Palettes.


Learn how to use this plugin with this Figma Yellowstone Playground


Switch themes 🌞🌛

Plugin switches all colors and effects within selection.

Works for texts with multiple styles.


Create new themes — as much as you need 👨‍🎨👩‍🎨

Duplicate existing theme to create new in just one click. No need to create new styles manually.


Manage themes: rename, update, delete 🧰🎨

Update themes using Palettes: draw theme’s Palette, change its colors and effects and update entire theme. Try this Figma Yellowstone Playground to learn how to use it.


Use global themes 📖

Save your library’s themes within plugin, load it in another figma file and use. That easy. No need to login anywhere, no need to create any external files or smth.


Export CSS-variables from theme 📤

Put css-variables in styles Description once and get ready-to-go code in one click, with any update of your theme.


---


What it does with Local Styles 💡

Plugin puts square brackets in style name, to define what theme it belongs to. For example: [Light] / card, [Dark] / card or [Gray] / card.


Of course you can put brackets manually, anywhere, there's no limits: Card [Light], Card / bg [Light], Card [Light] / bg, [Light] / bg — its all good. Also, plugin will keep your syntax renaming themes and creating new ones.

Plugin Details

Version1
CreatedAugust 23, 2020
Last UpdatedNovember 13, 2020
CategoryUncategorized
CreatorVadim Nikiforov
Stats1021 installs, 43 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.