How to enable Dark & Light mode in Figma?

Tutorial
March 20, 2023
3 min
Figma interface in light mode and dark mode
Key points

Among the new Figma features in 2022, there is the Dark & Light mode! You can now customize your design environment according to your preferences. Here’s how to easily enable the dark & light mode in Figma.

gif from a Figma interface demonstrating how to switch to dark mode
Dark & Light mode | Figma 2022
Only the Figma interface, tools, and features are affected by this dark & light mode. Your mockups will remain unchanged.

Step 1: Open a Figma project

Access the Figma project where you want to design.

Step 2: Access the project preferences

From the navigation bar of your project, go to the top left in the settings and then open the file preferences.

Step 3: Go to themes

In the preferences, scroll down to the Themes section.

Step 4: Choose Dark or Light mode

The themes will prompt you to select between Dark mode and Light mode. This theme choice will then apply across your entire Figma account, including your other projects, main dashboard, etc.

Thomas Labonne
Thomas Labonne
Co-founder

Suggested articles

Webflow Localization, Credial's Use Case
Documentation
Webflow

Webflow Localization: Practical Guide & Credial's Use Case

Webflow Localization: Practical Guide & Credial's Use Case
Visuel showcasing digidop.fr switching to digidop.com
News
Digidop

Digidop.fr is now Digidop.com

Digidop.fr is now Digidop.com
Photo of the Digidop team with the Digidop Logo 2024
News
Digidop

A Look Back at an Exceptional 2024 and Vision 2025

A Look Back at an Exceptional 2024 and Vision 2025

Want to turn your website into your most valuable asset?

Contact us today