Material Theme Switcher

About this plugin

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

Preparation

Create 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.

Procedure

1. Open your design library and select "Save document's color styles" once.
2. Navigate to the design document which contains your artboards with components from your design library.
3. Select the artboard or component you want to switch.
4. Navigate to the plugin menu and select "Switch to dark mode" or "Switch to light mode".

Optional

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

Repository

https://github.com/DomiR/figma-material-theme-switcher

Contributors

https://twitter.com/dom_rau

https://twitter.com/julian_ebert

🥳 Have fun!