Theme Switcher
Quickly switch between multi-branded style sheets and improve workflow
Plugin Preview
About this plugin
Are you looking for a plugin that lets you quickly switch between multi-branded style sheets, improves your workflow, and reduces work-time by 25%? Then look no further and install Theme Switcher today.
🔀 Switch between multiple style sets in three clicks
🔁 Sync from Local Style in a single click
✅ Single click Color Theme application
🚫 No need to login to separate platform to manage styles
How does it work? 🤔
Create a new Figma file and create local styles within the file using "+" to add new colour styles.
Name your style using one of the example naming conventions mentioned below:
Option 1
▪️ First, setup Default (brand) Ex: Primary-1, Primary-2, Primary-3..., Text, Feedback.
▪️ Then, set up other brands Ex: Brand2/Primary-1, Brand2/Primary-2, Brand2/Secondary-1, Brand2/Text
*if there is only one colour style, you don't need to add - number ex: Brands/Feedback
Option 2
▪️ First, setup Default (brand) Ex: Default (Brand or Theme name)/ Primary-1/Colour Name, Default/Text (for the single parameter)
▪️ Then, Setup Other brands, ex: Brand2/Primary-1/Colour Name, Brand2/Text (for the single parameter)
3. Select Page or Frame to apply theme.
Here is the demo video to learn more about the plugin usage and how you can create the local styles.
It's open-source and we are welcome any suggestions, commits or issues discussion in GitHub.
Plugin Details
Version | 23 |
---|---|
Created | May 18, 2020 |
Last Updated | June 13, 2024 |
Category | Prototyping & animation plugins |
Creator | Zulqarnain Ali |
Stats | 1816 installs, 76 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
More Like This
Discover other plugins in the Prototyping & animation plugins category.