As featured in
Built-in Option
How to Enable Figma's Own Dark Mode
Figma includes a free built-in dark mode. Here is how to turn it on — then see below for a more customizable alternative.
On desktop (figma.com)
Open the Figma menu
On figma.com, click the Figma logo in the top-left corner and open Preferences.
Switch Theme to Dark
Choose Preferences → Theme → Dark — the canvas and panels go dark.
On iPhone & Android app
Open app settings
In the Figma app, tap your profile icon, then Settings.
Choose the Dark theme
Under Appearance, select Dark — following your system theme also works.
Limitation: Figma's dark mode is a single fixed theme with no scheduling or custom colors. Turn Off the Lights lets you pick your own dark colors and automate switching on Figma and every other site.
Figma Dark Mode Features
Everything You Need for the Best Figma Dark Mode
Turn Off the Lights is not just a simple Figma dark mode. It is a complete browser enhancement built to give you full control over how every website looks in the dark.
Consistent Figma Dark Theme
Apply a uniform dark theme to figma.com with your chosen colors — not just the fixed default theme.
Auto-Schedule Day/Night Switch
Set sunrise/sunset switching or custom hours. Figma dark mode turns on and off automatically without any manual intervention.
One Theme for All Websites
The same dark theme applies to every website — Figma, Instagram Web, Messenger, YouTube, Reddit, and beyond.
Choose Your Own Dark Colors
Pick background, text, link, button, and border colors independently. True black for OLED or warm dark for reading comfort.
Smart Detection
Turn Off the Lights detects when Figma has already applied its own dark mode and can skip double-layering automatically.
No Figma Data Access
The extension applies visual changes only. It does not read, store, or transmit any Figma content or account data.
How It Works
Enable Figma Dark Mode in Under 30 Seconds
Turn Off the Lights is available in every major browser store and takes less than 30 seconds to install and activate. No configuration needed — it works instantly.
Install Turn Off the Lights
Add the free extension from Chrome Web Store, Firefox Add-ons, Edge Add-ons, or Opera Add-ons.
Open figma.com
Navigate to figma.com in your browser with the extension installed.
Enable Night Mode
Open Options → Night Mode tab and toggle the Night Mode switch on.
Set Schedule & Colors
Choose custom dark colors and set an automatic day/night schedule so Figma dark mode switches without any manual effort.
Browser Support
One Figma Dark Mode Extension. Every Browser.
Turn Off the Lights is available across all major desktop browsers. Install it in one browser and your Night Mode settings sync automatically to others.
⬇ Install Free — Figma Dark Mode
FAQ
Frequently Asked Questions About Figma Dark Mode
Figma has a built-in dark mode in its settings. For a fully customizable alternative with custom colors and auto-scheduling, install Turn Off the Lights and enable Night Mode in Options.
Yes — figma.com includes a Dark theme under the Figma menu → Preferences → Theme. For custom colors and an automatic schedule, use the free Turn Off the Lights extension.
Figma's dark mode has fixed colors and requires manual toggling. Turn Off the Lights offers custom colors, automatic scheduling, and the same dark theme on every other website you visit.
Turn Off the Lights is a browser extension for desktop browsers. For mobile, Figma's own app dark mode is the recommended option.
On OLED screens, true black pixels use less power. A true-black custom theme from Turn Off the Lights Night Mode saves more than any fixed dark-grey theme.
Reload the page or update the Figma app, then check Figma's theme or display settings. If dark mode is missing or too limited, the Turn Off the Lights extension applies a dark theme to Figma in any desktop browser.
Why Turn Off the Lights
The Most Complete Figma Dark Mode Solution Available
While Figma does offer a built-in dark mode, many users searching for Figma dark mode want more control — custom colors, automatic scheduling, and a consistent dark experience that extends beyond Figma to every other website.
Figma Dark Mode with Custom Colors
Figma's built-in dark mode uses a fixed grey-blue color scheme. Turn Off the Lights lets you choose your own background color — pure black for OLED, warm dark for eye comfort, or any shade you prefer. Apply the same custom theme consistently across Figma and all other sites.
Automatic Figma Dark Mode Scheduling
Figma's built-in dark mode uses a fixed color scheme. Turn Off the Lights lets you choose your own background color — pure black for OLED, warm dark for eye comfort, or any shade you prefer. Apply the same custom theme consistently across Figma and all other sites.
One Extension, Dark Mode Everywhere
Figma is just one website. Turn Off the Lights applies the same Night Mode theme to every website you visit — Messenger, Instagram Web, WhatsApp Web, YouTube, Reddit, Wikipedia, and any other site — giving you a unified dark experience across your entire browser.
Open Source, Private, and Free — Always
Turn Off the Lights collects no personal data, displays no advertising, and charges nothing. The extension is fully open-source under the GNU General Public License Version 2 (GPLv2), with its complete source code available on GitHub for anyone to inspect. It has been in continuous development since 2009 and remains one of the most trusted browser extensions available, with millions of active users across all major browsers. Stefan Van Damme is the solo developer and has maintained the extension with monthly updates for over 15 years.
Dark Mode Guides
More Dark Mode Guides
Get the same dark experience on your other favorite websites and browsers: