As designers, we’ve all been there: you’ve finished a beautiful Light UI, and now comes the tedious task of manually swapping every symbol, background, and text style to create the Dark version. It’s time-consuming and prone to errors.
To solve this, We’ve developed UI Theme Switcher - a lightweight, professional Sketch plugin designed to automate the transition between Light and Dark themes in seconds.
What makes it special?
Unlike manual swapping, UI Theme Switcher intelligently scans your Artboards and replaces elements based on your naming conventions. It doesn’t just change colors; it understands the structure of your design system.
Key Features:
- Symbol Swapper: Instantly replaces "Light" symbols with their "Dark" counterparts (and vice-versa).
- Recursive Style Switcher: Deep-dives into groups, stacks, and nested layers to update Shared Styles for vector shapes.
- Smart Artboard Generation: Want to keep both versions? You can generate a brand-new frame where all elements are automatically converted to the target theme.
- Detailed Feedback: If a matching symbol or style is missing from your library, the plugin provides a clear alert so you know exactly what’s missing.
How it works
How to use it
The plugin relies on a simple, consistent naming convention. Just ensure your symbols and styles end with these suffixes:
- Light:
onLightorLightUI - Dark:
onDarkorDarkUI
For example, Icon/Settings/onLight will seamlessly switch to Icon/Settings/onDark.
- Select one or more Artboards.
- Go to
Plugins -> UI Theme Switcher. - Choose your action (e.g., Switch Symbols to Dark).
- Watch the magic happen!
Get Started
The project is open-source and available on GitHub. You can download it, contribute, or report issues here:
👉 Sketch UI Theme Switcher on GitHub
Speed up your workflow and focus on what matters most - creating great experiences, not manually clicking through layers.
