If your device or the browser features light mode, Figma uses the same preference. Hence, it would be a hassle to change the device or browser theme for Figma. In this guide, we will help you set a dark theme on Figma irrespective of the device and browser theme so you can keep using it to your liking.
What we cover
Dark Mode in Figma
- Open Figma on your browser and sign in with your credentials. If you don’t have an account, create a new one.
- After you have successfully logged in with your credentials, you’re redirected to the home screen. Next, navigate to the top left corner and click on the drop-down next to your name to reveal several options.
- Now, from the options that are displayed, click on Theme and then Dark instead of System Theme.
Changing Dark Mode from a File
If you’re working on a file and want to change the theme, Figma has made sure to offer the flexibility to change the theme without leaving the file. Here are the steps for it.
- Start by navigating to the toolbar and clicking on the Figma icon to open the associated options.
- Now, from the options that are displayed, click on Preferences and then Theme. In doing so, you’re displayed with three theme options, from which click on Dark instead of System theme.
Wrapping Up
Congratulations on learning how to change the Figma theme to Dark mode!
While we have explained it for the Dark theme, selecting Light lets you use Figma in the light theme irrespective of the change in device and browser theme. However, if you want Figma to adapt your preferences automatically, set it to the System theme while ensuring that the device theme is Dark.
