DarkSide
A tool for easily toggling between Light/Dark theme or any 2 themes, and also for theme creation.How it worksVideohttps://youtu.be/LfTFuMJFAacPlaygroundhttps://www.figma.com/community/file/993838088453586739/DarkSide-PlaygroundSwitchYou need to group your styles. Example: “Light”/“Dark”, “Desktop”/“Mobile”.If this is your team style file, you need to publish the file and click “Save team styles”, local files ignore this step.Click the "OmegaEffect" button to complete the theme switch.CreateCreate the node, its name will become the style name.Select all the nodes that need to be created as styles.Select the corresponding create button according to the type of create style.Creators: @CuriosityWen @WashingtonHua
Plugin Preview
About this plugin
A tool for easily toggling between Light/Dark theme or any 2 themes, and also for theme creation.How it worksVideohttps://youtu.be/LfTFuMJFAacPlaygroundhttps://www.figma.com/community/file/993838088453586739/DarkSide-PlaygroundSwitchYou need to group your styles. Example: “Light”/“Dark”, “Desktop”/“Mobile”.If this is your team style file, you need to publish the file and click “Save team styles”, local files ignore this step.Click the "OmegaEffect" button to complete the theme switch.CreateCreate the node, its name will become the style name.Select all the nodes that need to be created as styles.Select the corresponding create button according to the type of create style.Creators: @CuriosityWen @WashingtonHua
Plugin Details
| Version | 77 |
|---|---|
| Created | June 14, 2021 |
| Last Updated | May 17, 2022 |
| Category | Software development |
| Creator | CuriosityWen |
| Stats | 4294 installs, 194 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.