Тёмный

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

UI Collective
Подписаться 9 тыс.
Просмотров 3,8 тыс.
50% 1

Learn the basics of building your own dark mode @Figma variable library!
Build a community profile + join the community: www.uicollective.co/
Resource library: resources.uicollective.co/
Request a design system audit: www.uicollective.co/design-sy...
Build the light mode library seen: • Figma Variables Setup:...
Download this variable file: resources.uicollective.co/che...
Our Figma Plugin: www.figma.com/community/plugi...
0:00 An Introduction
0:36 Theory of Dark Mode
6:25 Text Dark Mode Colors
8:39 Icon Dark Mode Colors
8:58 Surface Dark Mode Colors
10:14 Border Dark Mode Colors
10:56 Testing Dark Mode Colors

Опубликовано:

 

11 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 2   
@lerg8557
@lerg8557 29 дней назад
Thank you so much! I'm struggling with it so much but your elaborate explanation is immensely helpful
@UICollectiveDesign
@UICollectiveDesign 29 дней назад
Glad to have helped! Please subscribe and share our video if you can :)
Далее
Figma Variables Setup: Building a Variable Library
43:37
Dark Mode UI Course 1
5:22
Просмотров 31 тыс.
How To Make ANY Design Responsive in Figma
10:18
Просмотров 47 тыс.
Using Figma Variables to Swap Variants Between Modes
8:17
Figma Design System: 02 Primitive Color Variables
12:23