How to enable Dark & Light mode in Figma?

Tutorial
3 min
Published on Mar 20, 2023
Updated on
Figma interface in light mode and dark mode
Use AI to summarize this article
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

Projection of the Digidop logo on a building facade in a major city at night, symbolizing brand visibility.
Storytelling
Digidop

Was it a good idea (or not) to name our company Digidop?

Was it a good idea (or not) to name our company Digidop?
Conceptual illustration of a user facing two versions of a website: a traditional interface on the left and a futuristic, data-driven one on the right. A metaphor for today’s and tomorrow’s web.
Documentation
AI

When LLMs Redefine the Role of Brand Websites

When LLMs Redefine the Role of Brand Websites
Visual identity of the Webflow Momentum Tour, with bold red and black graphic patterns and Digidop as a partner.
Events
Webflow

Webflow Momentum Tour Paris: Talks, Demo & Networking with Webflow & Digidop

Webflow Momentum Tour Paris: Talks, Demo & Networking with Webflow & Digidop

Want to turn your website into your most valuable asset?

Contact us today