Back to Plugins
Swap Themes

Swap Themes

Swap Themes, Dark mode <-> Light Mode

themeswapcolorstyles

Plugin Preview

Swap Themes preview

About this plugin

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


Video Tutorial


https://youtu.be/Ws6ClVPifIM


How to use


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


Short cut


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


🧑‍💻 Code

https://github.com/apirak/swap-theme-figma-plugin


Todo

[x] Add demo video

[ ] Sync between Day and Night themes

[ ] Use a style from another file as a reference



Note

This plugin inspire by Appearance 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

Plugin Details

Version3
CreatedDecember 14, 2022
Last UpdatedDecember 20, 2022
CategorySoftware development
CreatorApirak
Stats509 installs, 60 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:build/ui.js
  • main:build/main.js
  • Editor Types:
    figma