Comment activer le Dark & Light mode Figma ?

Tutoriel
May 14, 2022
3 min
Interface figma en light mode et dark mode
Points clés de l'article

Parmi les nouvelles fonctionnalités Figma 2022 le Dark & Light mode ! Vous pourrez à présent ajuster votre designer selon vos préférences. Voici comment activer facilement le dark & light mode de Figma.

gif depuis une interface figma pour montrer comment passer en dark mode
Dark & Light mode | Figma 2022
Seul l'interface Figma,  outils et fonctionnalités, sont impactés par ce dark & light mode. Vos maquettes resteront tel quel.

Étape 1 : Ouvrir un projet Figma

Accédez au projet Figma dans lequel vous souhaitez designer. 

Étape 2 : Accéder aux préférences du projet

Depuis la bar de navigation de votre projet, allez en haut à gauche dans les paramètres puis ouvrez les préférences du fichier. 

Étape 3 : Aller dans les thèmes

Parmi les préférences, accédez tout en bas aux Thèmes.

Étape 4 : Choisir le Dark ou Light mode

Les thèmes vous proposent alors de choisir entre le Dark mode ou le Light mode. Le choix de ce thème s'appliquera ensuite sur tout votre compte Figma, c'est à dire vos autres projets, votre dashboard principal, etc.

Thomas Labonne
Thomas Labonne
Co-fondateur

Articles qui devraient vous intéresser

Visuel abstrait lumineux avec des dégradés de jaune et orange, accompagné du texte “IA & DESIGN 2025” au centre, suggérant une thématique autour de l’intelligence artificielle et du design pour l’année 2025.
Documentation
IA

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)
Overview du répertoire Webflow Partner mettant en avant plusieurs agences : Digidop, Finsweet, Flow Ninja et Simon Lampert. Le fond bleu présente le logo Webflow Partner à gauche, tandis que les cartes des partenaires affichent leur statut, prix de départ, distinctions, et captures de sites réalisés.
Documentation
Webflow

Le programme partenaire de Webflow

Le programme partenaire de Webflow
Agentic AI vs. Generative AI
Documentation
IA

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

Transformez votre site web en un moteur de croissance.

Nous contacter