Designing DARK MODE Themes using DESIGN TOKENS in Figma using the Themer Plugin!

Designing DARK MODE Themes using DESIGN TOKENS in Figma using the Themer Plugin!

6K views · 2022-08-18 UI Design
🚀 Get 2 free months of Skillshare Premium & watch my design course for free: https://skl.sh/2TVhf8z

In this Figma tutorial, we will create Dark Mode themes with Design Tokens in Figma using the Themer Plugin. This plugin can be used to create as many themes as you want and quickly see your designs in multiple themes.

🚀 Create an account on Mobbin for free:
https://mobbin.com/?referrer_workspace_id=84595d96-a462-44f4-a3d2-c34148889947

🔸 Get the API key - https://jsonbin.io
🔸 Designing Dark Mode for Android - https://youtu.be/FSxgFKlbV9Y
🔸 Designing Dark Mode for iOS - https://youtu.be/YaFLGGrx6sY

🔹 Video Chapters
00:00 Introduction
01:18 Understanding how the Color Styles have been setup
02:54 Creating Dark Mode Color Styles
06:13 Setting up the Themer plugin
07:27 Using the Themer Plugin
08:53 Understanding Static Colors
11:14 Testing Themer on a complete UI
---------------------------------------­----
The Mega Product Design Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3

Webflow Course for Beginners:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8

Photoshop Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

Illustrator Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

After Effects Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

UI Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

Design Resources, Tools and Softwares:
https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

Adobe XD CC Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

eSports Design Tutorials:
https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: https://chethankvs.design
Twitter: https://twitter.com/kvschethan
Instagram: https://instagram.com/design_pilot
Mail: designpilot21@gmail.com
Behance: https://behance.net/chethankvs
Dribbble: https://dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)