Back to Plugins
Theme Switcher

Theme Switcher

Quickly switch between multi-branded style sheets and improve workflow

multithemeinteractivethemeswitcherlocalstylesvariablesmulticolorchangethemetheming

Plugin Preview

Theme Switcher 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

Version23
CreatedMay 18, 2020
Last UpdatedJune 13, 2024
CategoryPrototyping & animation plugins
CreatorZulqarnain Ali
Stats1816 installs, 76 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma