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

Опубликовано: 07 Октябрь 2024
на канале: UI Collective

6,299

141

Learn the basics of building your own dark mode ‪@Figma‬ variable library!

Build a community profile + join the community: https://www.uicollective.co/
Resource library: https://resources.uicollective.co/
Request a design system audit: https://www.uicollective.co/design-sy...

Build the light mode library seen: • Figma Variables Setup: Building a Var...

Download this variable file: https://resources.uicollective.co/che...

Our Figma Plugin: https://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