Light and dark theme in Figma

Поділитися
Вставка
  • Опубліковано 10 гру 2024
  • In this tutorial, I will show how to create light and dark UI modes in Figma using color variables. You will also learn how to switch between two color modes dynamically.
    #figma #figmatutorial #figmatips

КОМЕНТАРІ • 1

  • @UmairUlhaque
    @UmairUlhaque 4 місяці тому

    Many thanks Nick, it was very helpful to learn

Наступне
Автоматичне відтворення
Language localization in Figma4:17Language localization in Figma
Language localization in FigmaNick Babich
Переглядів 1,1 тис.
Light and Dark Modes with Color Variables in Figma. How to Create Mode Inheritance.15:43Light and Dark Modes with Color Variables in Figma. How to Create Mode Inheritance.
Light and Dark Modes with Color Variables in Figma. How to Create Mode Inheritance.Thefemijohn
Переглядів 48 тис.
Minimal Phone First Look! The E-Ink Smartphone With A Physical Keyboard!9:36Minimal Phone First Look! The E-Ink Smartphone With A Physical Keyboard!
Minimal Phone First Look! The E-Ink Smartphone With A Physical Keyboard!TechOdyssey
Переглядів 3,6 тис.
Lady Frees Deer After Its Head Gets Stuck in Cat Food Bag00:23Lady Frees Deer After Its Head Gets Stuck in Cat Food Bag
Lady Frees Deer After Its Head Gets Stuck in Cat Food BagViralSnare Rights Management
Переглядів 8 млн
От первого лица: Школа 7😡 ИСПОЛЬЗОВАЛ ДЕВУШКУ 💔 СЛИЛ ФОТКИ БЫВШЕЙ😳 СТРИМ с УЧИЛКОЙ ГЛАЗАМИ ШКОЛЬНИКА25:05От первого лица: Школа 7😡 ИСПОЛЬЗОВАЛ ДЕВУШКУ 💔 СЛИЛ ФОТКИ БЫВШЕЙ😳 СТРИМ с УЧИЛКОЙ ГЛАЗАМИ ШКОЛЬНИКА
От первого лица: Школа 7😡 ИСПОЛЬЗОВАЛ ДЕВУШКУ 💔 СЛИЛ ФОТКИ БЫВШЕЙ😳 СТРИМ с УЧИЛКОЙ ГЛАЗАМИ ШКОЛЬНИКАРуслан Гладенко
Переглядів 1,4 млн
Anyone know what the name of this song is??? I can’t find it00:11Anyone know what the name of this song is??? I can’t find it
Anyone know what the name of this song is??? I can’t find itTheonlyMajed
Переглядів 26 млн
«Я жити не хочу»: винесли «з нуля» пораненого побратима #shorts00:32«Я жити не хочу»: винесли «з нуля» пораненого побратима #shorts
«Я жити не хочу»: винесли «з нуля» пораненого побратима #shortsСуспільне Запоріжжя
Переглядів 257 тис.
Design Light & Dark Mode Simultaneously in Figma Using Variables: Complete Tutorial6:34Design Light & Dark Mode Simultaneously in Figma Using Variables: Complete Tutorial
Design Light & Dark Mode Simultaneously in Figma Using Variables: Complete TutorialDesign with Kingsley
Переглядів 2,7 тис.
Create an Interactive Dark Mode / Light Mode UI in Figma18:51Create an Interactive Dark Mode / Light Mode UI in Figma
Create an Interactive Dark Mode / Light Mode UI in FigmaDesignCourse
Переглядів 40 тис.
Intro to Figma Variables: Light Mode & Dark Mode5:26Intro to Figma Variables: Light Mode & Dark Mode
Intro to Figma Variables: Light Mode & Dark ModeNomademy
Переглядів 348
How to create responsive Steppers in Figma | #uxtrim14:31How to create responsive Steppers in Figma | #uxtrim
How to create responsive Steppers in Figma | #uxtrimUX trim
Переглядів 604
How to Create a Dynamic Liquid Effect in Figma | Step-by-Step Tutorial4:16How to Create a Dynamic Liquid Effect in Figma | Step-by-Step Tutorial
How to Create a Dynamic Liquid Effect in Figma | Step-by-Step TutorialMusab Alfawal
Переглядів 6 тис.
How to create a dark mode design in Figma - Fast Method16:35How to create a dark mode design in Figma - Fast Method
How to create a dark mode design in Figma - Fast MethodWill Brett Design
Переглядів 9 тис.
Advanced Prototyping Tutorial in Figma Create a Working Keyboard (seriously)19:30Advanced Prototyping Tutorial in Figma Create a Working Keyboard (seriously)
Advanced Prototyping Tutorial in Figma Create a Working Keyboard (seriously)Nolan Perkins
Переглядів 4,4 тис.
Figma Design System: 03 Semantic Color Variables10:20Figma Design System: 03 Semantic Color Variables
Figma Design System: 03 Semantic Color VariablesChristopher Deane
Переглядів 16 тис.
Figma's New Google Plugin Converts Light to Dark UI Instantly! + More | Design Weekly7:49Figma's New Google Plugin Converts Light to Dark UI Instantly! + More | Design Weekly
Figma's New Google Plugin Converts Light to Dark UI Instantly! + More | Design WeeklyPunit Chawla
Переглядів 33 тис.
Beat Ronaldo, Win $1,000,00022:45Beat Ronaldo, Win $1,000,000
Beat Ronaldo, Win $1,000,000MrBeast
Переглядів 142 млн
"ВСЯ УЛИЦА полетела" - курянка про обстріли рф00:34"ВСЯ УЛИЦА полетела" — курянка про обстріли рф
"ВСЯ УЛИЦА полетела" - курянка про обстріли рфUkrainian Media Network
Переглядів 407 тис.
❗ ШОК! УДАР ПО КРИМСЬКОМУ МОСТУ! Зеленський ДАВ ДОЗВІЛ! Нові ЦІЛІ України!09:42❗ ШОК! УДАР ПО КРИМСЬКОМУ МОСТУ! Зеленський ДАВ ДОЗВІЛ! Нові ЦІЛІ України!
❗ ШОК! УДАР ПО КРИМСЬКОМУ МОСТУ! Зеленський ДАВ ДОЗВІЛ! Нові ЦІЛІ України!СПЕЦКОР | Новини 2+2
Переглядів 199 тис.
Казахи НАГНУЛИ путина та його банду. Вчи казахстанську мову, бункерний ЩУР. Геть РУССКИЙ МИР00:19Казахи НАГНУЛИ путина та його банду. Вчи казахстанську мову, бункерний ЩУР. Геть РУССКИЙ МИР
Казахи НАГНУЛИ путина та його банду. Вчи казахстанську мову, бункерний ЩУР. Геть РУССКИЙ МИРЗупиниЛося
Переглядів 401 тис.
НА ЦЕ можна дивитись ВІЧНО! Такої ПАЛКОЇ зустрічі НІХТО НЕ ЧЕКАВ00:14НА ЦЕ можна дивитись ВІЧНО! Такої ПАЛКОЇ зустрічі НІХТО НЕ ЧЕКАВ
НА ЦЕ можна дивитись ВІЧНО! Такої ПАЛКОЇ зустрічі НІХТО НЕ ЧЕКАВМи - Україна
Переглядів 909 тис.
😯 Подарила сыну БМВ, но не ожидала такой реакции на машину! | Новостничок00:20😯 Подарила сыну БМВ, но не ожидала такой реакции на машину! | Новостничок
😯 Подарила сыну БМВ, но не ожидала такой реакции на машину! | НовостничокНОВОСТНИЧОК
Переглядів 2,2 млн
Outsmarted😅 Subscribe to me 🙌🏻00:17Outsmarted😅 Subscribe to me 🙌🏻
Outsmarted😅 Subscribe to me 🙌🏻ILYA BORZOV
Переглядів 12 млн
Cool Items!🥰 New Gadgets, Smart Appliances, Kitchen Tools Utensils, Home Cleaning, Beauty #shorts00:40Cool Items!🥰 New Gadgets, Smart Appliances, Kitchen Tools Utensils, Home Cleaning, Beauty #shorts
Cool Items!🥰 New Gadgets, Smart Appliances, Kitchen Tools Utensils, Home Cleaning, Beauty #shortsCool Items Official
Переглядів 34 млн