Back to Plugins
Theme Switcher

Theme Switcher

Easily switch between two color styles applied to selected layers.

themelibrarylight modedark modeswapdarkdesign systemcolorswitchcolor styleslight

Plugin Preview

Theme Switcher preview

About this plugin

Figma Theme Switcher allows you to easily switch between two color styles applied to selected layers.How It WorksFigma Theme Switcher finds matching set of color styles based on the user input and "switch" between them.For example, if you want to switch theme from Light to Dark, type in "Light" for current input and "Dark" for target input then click "Switch". All of the selected layers will then be switched to the targeted "Dark" theme.Keywords are not limited to Light/Dark and can be anywhere in the color style name.Light/Text/Primary => Dark/Text/PrimaryText/Primary (Light) => Text/Primary (Dark)V1/Text/Primary => V2/Text/PrimaryFigma Theme Switcher even works with external color styles by saving them inside the plugin storage.Basic Usage (Local Color Styles)If your color styles are in your current file, follow steps below.Run Figma Theme SwitcherSelect layersType in part of color styles name which describes a set of themes in current and target field (e.g. Light/Dark)Click "Switch"Advanced Usage (External Color Styles)If your color styles are in a different file (or library), follow steps below.Open a Figma file that has target color styles definedRun Figma Theme SwitcherSwitch to "Library Color Styles" tabClick "Save Color Styles from current file"Select layersType in part of color styles name which describes a set of themes in current and target field (e.g. Light/Dark)Click "Switch"AcknowledgmentsFigma Theme Switcher is inspired by these awesome plugins.https://github.com/rei-suzuki/figma-dark-mode-switcherhttps://github.com/glmrvn/Appearance-figma-pluginSupportfigma-plugins-info@mail.yahoo.co.jp

Plugin Details

Version6
CreatedAugust 22, 2022
Last UpdatedFebruary 4, 2026
Categoryediting & effects plugins
Creator肇 三宮
Stats462 installs, 90 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none