Material Theme Switcher

This plugin helps you to switch seamlessly between light and dark mode of your design library.

PreparationCreate a color palette with local color styles. Be sure to structure your light and dark mode colors in separate folders and that they are named identically (e.g. sys/light/primary and sys/dark/primary).

💪 This plugin works best with palettes generated with Material Theme Builder plugin which is provided by Google's Material Design team.

ProcedureOpen your design library and select "Save document's color styles" once.

Navigate to the design document which contains your artboards with components from your design library.

Select the artboard or component you want to switch.

Navigate to the plugin menu and select "Switch to dark mode" or "Switch to light mode".

OptionalYou can select "Show UI" to open a minimalistic plugin UI to switch themes via button.

Repositoryhttps://github.com/DomiR/figma-material-theme-switcherContributorshttps://twitter.com/dom_rauhttps://twitter.com/julian_ebert🥳 Have fun!