Summary
Keywords
Full Transcript
🚀 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: [email protected] Behance: https://behance.net/chethankvs Dribbble: https://dribbble.com/chethankvs -------------------------------------------------------------------------------------------- LIKE, SHARE, COMMENT & SUBSCRIBE :)
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
