Into Design Systems Weekly — Dark Mode with Design Tokens

Intodesignsystems
4 min readSep 1, 2022

--

Hey Design System Friend, here are our weekly favorites from the #DesignSystems🪐space:

How to implement dark mode with as little effort as possible on the web, iOS and Androiduxdesign.cc
Learn how to implement dark mode from triggering it, to setting up design tokens to get automatic dark mode for all components.

The genome color tool. A universal color tool for design systemsuxdesign.cc
White-labeling Design Systems for multiple brands with WCAG Color Contrast is a tedious and manual task. Despite many Color Tools available, nothing quite seems to fit the bill. This article…

How I use Figma Branching in my design process medium.com
Design files are messy and it’s pretty common for designers to go through multiple design discoveries and iterations during the process; changes could vary from colors to font sizes to small details…

Facelift, Refresh, Redesign — strategies for paying off Design Debt uxdesign.cc

This article is a part of the ‘Design debt 101’ series. It references information from The ‘What’ and ‘Why’ of Design Debt, Measuring Design Debt and Paying off Design Debt. Please, consider reading…

Design system interviews — Formaatformaat.design
With more than a decade of experience each, we explore how design systems will work tomorrow

Why is it so hard to gain the DesignOps maturity? uxdesign.cc
DesignOps is a continuous topic in the industry. It occurs to us despite the stage of a design team. That is, as long as the team exist, it will be discussed. Over the past 2 years at the Trend Micro…

Design Systems For Figma | Scaling A Systemwww.designsystemsforfigma.com
Liv Tytherleigh, a Senior Product Designer at Meta talks about expanding a design system to support a range of different use cases.

Design Systems:

Astro: Space UX Design Systemwww.astrouxds.com
The Astro Space UX Design System enables developers and designers to build rich space app experiences and custom applications with established interaction patterns and best practices. Using Astro to design your apps will help ensure that the Space Force Guardians managing our space assets are using the most modern and consistent tools available.

Components UI Kit | Figma Communitywww.figma.com
Our collection of reusable components, guided by clear and consistent standards, can be assembled in countless variations.

Design System Videos:

Behind the System: Building an automated multi-brand token workflowwww.youtube.com
Recording of the first Figma Tokens livestream on the 25th of August 2022. Behind the Systems: Building an automated multi-brand token workflow by Chris Kerr…

Want to dive deeper Into Design Systems?

Are you ready to take your Design Systems skills to the next level? Our Design Systems conference was a huge success, but if you missed it, don’t worry! You can still get all 22 recordings of live presentations and Q&As — that’s 20 hours 📼 of top-quality content from over 20 industry experts, plus two workshops to help you dive deeper into the world of design systems.

Join us for a deep dive Into Design Systems ⚡️ with speakers from companies like Volkswagen, IKEA, PayPal and many more. You’ll learn from the best in the business and come away with new skills and insights that will help you take your career to the next level. 🚀

👋🏻

We hope you find these resources useful and that they help to inspire your own work in the Design Systems space.

As always, we’d love to hear your thoughts and feedback in the comments below.

Cheers from your Design Systems Friends

--

--

Intodesignsystems
Intodesignsystems

Written by Intodesignsystems

🚀 We’ve Helped Thousands Become Better Design System Experts 👉🏻 Join our expert network: https://www.intodesignsystems.com

No responses yet