How to set up DARK MODE with DESIGN TOKENS using Figma Variables!
🚀 Get 2 free months of Skillshare Premium & watch my design course for free: skl.sh/2TVhf8z
In this video, I'm going to show you how to set up Dark Mode Color Tokens using Figma Variables. to convert your components to Dark Mode.
🚀 The Ultimate Guide to Become a Product Designer: learnproduct.design
🚀 The Super Ultimate Guide to Design Systems: learnproduct.design/designsys...
🔗 - • Ultimate Guide to Figm...
🚀 Create an account on Mobbin for free:
mobbin.com/?via=chethan
🔶 Chapters
00:00 Introduction
00:21 Looking at Uber's Color Tokens
01:29 Setting up Dark Mode
-----------------------------------------
Mega Product Design Course for Beginners:
• The Mega Product Desig...
Webflow Course for Beginners:
• Webflow Course for Beg...
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutor...
UI Design Tutorials:
• UI Animation/Interacti...
Design Resources, Tools and Softwares:
• Design Resources, Tool...
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: designpilot21@gmail.com
Behance: behance.net/chethankvs
Dribbble: dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#figma #designsystems #tokens
Пікірлер: 7
We felt your happiness at 16:00
Thankyou for this video, really helpful 🎉
Thank you a ton! I've learned so much from your channel. Question about the star backgrounds for your master components in the design system - is the bg just an image or something else?
@DesignPilot
10 ай бұрын
Just an image
Any videos not public anymore? It just looks like number of videos are less compared to few days back. Not sure if I'm correct or not
On uber site.. some style pages like the color page are locked...how do we access them
@DesignPilot
7 ай бұрын
Unfortunately you can’t. I guess they updated the website