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

Agentic AI vs. Generative AI
Documentation
AI

Agentic AI vs. Generative AI: Key Differences and Real-World Applications

Agentic AI vs. Generative AI: Key Differences and Real-World Applications
Webflow frameworks: Client-First vs Lumos
Documentation
Development

Client-First vs Lumos: Which Webflow framework to choose in 2025?

Client-First vs Lumos: Which Webflow framework to choose in 2025?
ChatGPT logo vs Midjourney
Documentation
AI

ChatGPT 4o vs Midjourney: Which Is the Best AI Image Generation Tool?

ChatGPT 4o vs Midjourney: Which Is the Best AI Image Generation Tool?

Want to turn your website into your most valuable asset?

Contact us today