Swap Theme Figma Plugin

This plugin use for swap UI between two style by use folder name as reference.

How to use

Create style folder and use folder name as style name Select Frames you want to swap theme Open UI of plugin (You can config style name here Click "Swap" for change Theme

Short cut

Select Frames you want to swap theme Open Quick action by type Cmd + / Call "Swap to Day" or "Swap to Night" to Swap theme

🧑‍💻 Code https://github.com/apirak/swap-theme-figma-plugin

Note

This plugin inspire by Appearance Figma Plugin. and adds the ability to match style names with concealed spaces

For instance, this plugin will be able to match the varying white space in this style's name.

Day / Primary <- Can match with -> Night/Primary

Day /Primary <- Can match with -> Night/ Primary

Development guide

This plugin is built with Create Figma Plugin.

Pre-requisites

Node.js – v16
Figma desktop app

Build the plugin

To build the plugin:

$ npm run build

To watch for code changes and rebuild the plugin automatically:

$ npm run watch

To test

$ npm run test