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

Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion
Documentation

Top 20 Web & Digital Agencies for B2B SaaS in 2026

Top 20 Web & Digital Agencies for B2B SaaS in 2026
Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.
News
Development

Webflow launches Source. Our take on this shift.

Webflow launches Source. Our take on this shift.
Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.
Documentation
AI

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers
Every great website  
starts with a conversation
Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.