Launched: Figma Dark Mode/Theme

[tank666]

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!

[Josh]

Thanks for sharing!

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

[Feedlike]

My variant

[ReneLopez]

[Greg1]

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

[Gleb]

No, otherwise this post wouldn’t exist.

[Ibro]

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

[tank666]

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.

[mmcdaniel]

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.

[ChiSenires]

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? But I do hope this can become an option for the Figma Desktop app soon!

[Jean-Baptiste_Reyt]

Yeah Dark reader on Figma browser works great

[Ibro]

@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.

[Harun_Alikadic]

Wow, we do not need native Figma dark mode 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.

[mmcdaniel]

@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.

[Nick2]

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.

[DIWOS_Project]

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

[Stanislav_Gray]

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

[Pavels_Amosovs]

Why?

[Gleb]

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

[arturdz]

2021 and there is still no dark theme in Figma…