{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-make-figma-dark-mode","route":"/learn/how-to-make-figma-dark-mode","canonical":"https://www.layerpath.com/learn/how-to-make-figma-dark-mode","title":"How to Make Figma Dark Mode","h1":"How to Make Figma Dark Mode","description":"Discover how to create a stunning dark mode in Figma with our step-by-step guide. Enhance your design experience and improve user comfort today.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Make Figma Dark Mode"}]},{"type":"paragraph","children":[{"type":"text","value":"Follow these steps to switch Figma to dark mode for a more comfortable viewing experience, especially in low-light environments."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9fl8h160001l70d3940d7kx/tour","canonicalUrl":"https://share.layerpath.com/e/cm9fl8h160001l70d3940d7kx/tour","id":"cm9fl8h160001l70d3940d7kx"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Open Figma App or Web"}]},{"type":"text","value":"\n– Launch Figma on desktop or go to "},{"type":"link","href":"https://figma.com/","children":[{"type":"text","value":"figma.com"}]},{"type":"text","value":"."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Click Your Profile Icon"}]},{"type":"text","value":"\n– Located at the top-right corner of the screen."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select \"Theme\" or \"Preferences\""}]},{"type":"text","value":"\n– From the dropdown menu, click on "},{"type":"strong","children":[{"type":"text","value":"Theme"}]},{"type":"text","value":" (in the app) or go to "},{"type":"strong","children":[{"type":"text","value":"Preferences > Theme"}]},{"type":"text","value":"."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Choose \"Dark\""}]},{"type":"text","value":"\n– You’ll see options: Light, Dark, and System.\n– Click "},{"type":"strong","children":[{"type":"text","value":"Dark"}]},{"type":"text","value":" to instantly switch."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Using System Theme (Optional)"}]},{"type":"text","value":"\n– Choose “System” if you want Figma to follow your OS's theme setting."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Done"}]},{"type":"text","value":"\n– Figma is now in sleek Dark Mode. Enjoy designing without the glare! 🖤"}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm9fl8h160001l70d3940d7kx/tour","canonicalUrl":"https://share.layerpath.com/e/cm9fl8h160001l70d3940d7kx/tour","id":"cm9fl8h160001l70d3940d7kx"}],"plainText":["How to Make Figma Dark Mode","Follow these steps to switch Figma to dark mode for a more comfortable viewing experience, especially in low-light environments.","https://share.layerpath.com/e/cm9fl8h160001l70d3940d7kx/tour","Open Figma App or Web\n– Launch Figma on desktop or go to figma.com.\nClick Your Profile Icon\n– Located at the top-right corner of the screen.\nSelect \"Theme\" or \"Preferences\"\n– From the dropdown menu, click on Theme (in the app) or go to Preferences > Theme.\nChoose \"Dark\"\n– You’ll see options: Light, Dark, and System.\n– Click Dark to instantly switch.\nUsing System Theme (Optional)\n– Choose “System” if you want Figma to follow your OS's theme setting.\nDone\n– Figma is now in sleek Dark Mode. Enjoy designing without the glare! 🖤"]}