Launched: Figma Dark Mode/Theme

  1. Problem
    Like many designers, I enjoy working at night. But Figma’s white interface just burns out the eyes. Yes, you can change the background of the canvas and hide the Layers and Properties panels and work that way, but it’s still better when the panels are visible to quickly control the order in the file and manage various properties.

  2. Solution
    To solve the above problem, you need to add a native theme selection (System, Light or Dark). That way, depending on the operating system theme they choose or the theme they want to enforce, users will see what they want.
    The Electron API has a nativeTheme module that has a themeSource property. Thanks to this, you can control the choice of theme.
    nativeTheme | Electron
    Dark Mode | Electron

  3. The interface could be like this


    Or like this

@Figma, we need a dark theme.
Thank you!

201 Likes

Thanks for sharing! :slight_smile:

Note: I closed the poll since voting should happen on the topic level.

4 Likes

My variant :grinning: :grinning: :grinning:

18 Likes

Captura de Pantalla 2021-01-28 a la(s) 8.41.40 a.m.

15 Likes

Is there a simple/integrated/no hassle method for a dark mode on the Windows App yet? Or planned?

1 Like

No, otherwise this post wouldn’t exist.

1 Like

I use a plugin called “Dark Background and Light Text”. It is somewhat buggy (can’t see color Styles) and pure black. It works best in stylesheet processor mode with Figma. Maybe we could make a thread of other plugins

It is not a plugin, but an extension or addon for the browser. Many of us are interested in the native ability to switch themes both in Figma Desktop App and in the browser on the Figma website.

6 Likes

Using dark appearance macOS while working on a project that uses a dark mode theme with Figma being the only light mode UI on the screen is a real bummer. It’s 2021. Give the people dark mode.

38 Likes

My SO tries this out by using Figma on Firefox, and then turning on the Dark Mode reader there, I think it’s an extension? :laughing: But I do hope this can become an option for the Figma Desktop app soon!

3 Likes

Yeah Dark reader on Figma browser works great

3 Likes

@tank666 Sorry I meant browser extension not Figma plugin. I’m also hoping for a real dark mode. This is just a suggestion for people to use before an native version, hopefully, comes out.

Wow, we do not need native Figma dark mode :slight_smile: Dark reader Chrome extension works like a charm. Colors, inspect code coloring, color picker, selection border colors, all seems to work correctly. You can even pin it just for domain figma.com.

@Harun_Alikadic A Chrome extension isn’t really an acceptable solution in my opinion. Lots of people don’t use Chrome and Figma should support it natively so they can control the values and perfect it across their surfaces. Third party browser plugins are not the answer.

And of course we don’t need it, but come on.

13 Likes

It’s been almost 3 years since everyone around began asking for dark mode. Deal with it, t’s not happening guys, i doubt they care.

12 Likes

Yes, a dark theme is needed. I really need it.

2 Likes

darkfigma.com - Guys, well, that’s the same)

2 Likes

Why? :slight_smile:

Your dreams may soon come true… :hugs: And mine as well (about the pink mode :two_hearts: of course). https://twitter.com/zyumbik/status/1377608511744569347

6 Likes

2021 and there is still no dark theme in Figma…

10 Likes