Nowadays is almost a must to create a dark mode of any design, in fact, it's one of the most popular requests for any website or app out there, more and more users want it, personally I love when apps or websites allow me to enable the dark mode, I think in most cases it looks gorgeous on modern devices.

Recently I have found myself in the need to create a dark version for my designs, unfortunately until now the process was very tedious and manual. Because of this I looked for plugins to speed up the process but I couldn't find a good option.

Since the Sketch plugins available so far are very tedious and complicated to use, or they don't work at all, I decided to develop mine just the way I expected, and that's how Sketch Dark Mode was created.

Sketch Dark Mode Plugin

This plugin allows you to boost your design workflow and create a beautiful dark mode version of  your designs in seconds! No cumbersome interfaces, no tricky  workarounds, it just works.

The main features of this plugins are the following:

  • 🌗 Create a dark mode version of any document with ease
  • 💾 Save your dark mode color presets for every document
  • 💻 The color presets are saved across your computers
  • ⚡️ Crazy fast
  • 🙌🏼 Easy to use
  • 🚸 Symbols and shared styles support
  • 🎨 Enter colors by typing the values or by using the native color picker
  • 😉 Dark mode support

How it works?

Sketch Dark Mode working

To generate a dark mode version of your design just follow these simple steps:

1) Add color presets to your document.

2) Create a color palette for the dark mode version.

3) Generate the dark mode version of your page.

4) Done.

Download

To download the plugin just click the button bellow:

Get this plugin

If you find this plugin useful, please consider to make a donation to support its development! 🙏🏼

Donate

More info here:

Sketch Dark Mode Plugin
Generate a dark mode version of any Sketch document, the right way.
eddiesigner/sketch-dark-mode
Generate a dark mode version of any Sketch document, the right way. - eddiesigner/sketch-dark-mode