Figma Variables / Light and Dark Mode Demo

preview_player
Показать описание
Priyanka Thomas, Optum UX Engineer and Project lead for Project Beagle gives a crash course on how light and dark mode is done in Figma.

- Get an intro to Design Tokens (Tier structure, naming, and how its applied)
- Get a preview of Figma Variables

From Open Sprints Hackathon, 03/09/2024, Flatiron School NYC
  1. Krizia Fernando
Рекомендации по теме
Figma tutorial: Intro 0:14:51

Figma tutorial: Intro to variables

Master Figma variables 0:07:13

Master Figma variables in 7 minutes

Dark And Light 0:07:02

Dark And Light Modes Using Color Variables | Figma Tutorial [CONFIG 2023]

Figma Variables Dark 0:08:24

Figma Variables Dark And Light Modes | How to use variables in Figma for Colour Modes | Figma 2023

Light and Dark 0:15:43

Light and Dark Modes with Color Variables in Figma. How to Create Mode Inheritance.

Light and Dark 0:27:07

Light and Dark theme with Figma Variables

Light/dark mode and 0:12:39

Light/dark mode and theming with variables in Figma

Figma Design System 0:16:16

Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutori...

Creating an Advanced 0:13:33

Creating an Advanced Figma Color Variable Library

Design Light & 0:06:34

Design Light & Dark Mode Simultaneously in Figma Using Variables: Complete Tutorial

Figma Design System: 0:10:20

Figma Design System: 03 Semantic Color Variables

Create Light & 0:00:49

Create Light & Dark theme using Figma Variables

Variables in Figma: 0:11:38

Variables in Figma: Design this Light and Dark Modes (NEW FEATURE)

Connect Figma Variable 0:16:39

Connect Figma Variable to Variant | Connect a component to a variable | Prototype with Variables

Figma variable magic 0:00:11

Figma variable magic | One click dark/light mode change

Master Light & 0:01:01

Master Light & Dark Mode in 1 Minute | Figma Variables Tutorial

Intro to Figma 0:05:26

Intro to Figma Variables: Light Mode & Dark Mode

How to create 0:02:51

How to create dark/light modes with color variables - Figma Variables Part 1

Figma tutorial: Prototype 0:13:23

Figma tutorial: Prototype with variables

Ultimate Guide to 0:33:04

Ultimate Guide to Figma Variables and Design Tokens!

Figma VARIABLES BEST 0:13:51

Figma VARIABLES BEST PRACTICE | Figma Variables Step-by-step | Config 2023 update | Tokens tutorial

Figma Variables: Build 0:15:20

Figma Variables: Build Dark Mode Like a Pro 🌙 (+ File Template )

Build a Design 1:25:39

Build a Design System! Ep. 1: Figma Tokens & Variables Setup

Get Started: Figma 0:03:44

Get Started: Figma Variables in 3 Minutes