DarkSide
<p>A tool for easily toggling between Light/Dark theme or any 2 themes, and also for theme creation.</p><p><br></p><h2>How it works</h2><p><br></p><p><strong>Video</strong></p><p><a href="https://youtu.be/LfTFuMJFAac" rel="noreferrer noopener nofollow ugc" target="_blank">https://youtu.be/LfTFuMJFAac</a></p><p><br></p><p><strong>Playground</strong></p><p><a href="https://www.figma.com/community/file/993838088453586739/DarkSide-Playground" rel="noreferrer noopener nofollow ugc" target="_blank">https://www.figma.com/community/file/993838088453586739/DarkSide-Playground</a></p><p><br></p><p><strong>Switch</strong></p><ol><li>You need to group your styles. Example: “Light”/“Dark”, “Desktop”/“Mobile”.</li><li>If this is your team style file, you need to publish the file and click “Save team styles”, local files ignore this step.</li><li>Click the "OmegaEffect" button to complete the theme switch.</li></ol><p><br></p><p><strong>Create</strong></p><ol><li>Create the node, its name will become the style name.</li><li>Select all the nodes that need to be created as styles.</li><li>Select the corresponding create button according to the type of create style.</li></ol><p><br></p><p>Creators: <a href="http://wenhaoqi.com" rel="noreferrer noopener nofollow ugc" target="_blank">@CuriosityWen</a> <a href="http://www.thewashingtonhua.com" rel="noreferrer noopener nofollow ugc" target="_blank">@WashingtonHua</a></p>
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 works
Video
Playground
https://www.figma.com/community/file/993838088453586739/DarkSide-Playground
Switch
- You 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.
Create
- Create 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 | 4267 installs, 192 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.