📝 Articles
Spicy specifications
Donnie examines the existing design token specifications, such as those from the Design Tokens Community Group (DTCG), Tokens Studio, and Specify. They propose rebranding experimental approaches to align with the community specification, highlighting the importance of clarity and consensus in defining the true essence of a design token.
Launching an accessible color palette at Modern Health
In this article, Brian shares how they created a new, consistent, accessible, and easy to use colour system for the Modern Health Design System and suite of products.
Designing a Cohesive User Experience with GREDU’s Design Systems
In this article Rizal writes about developing the GREDU Design Systems to achieve a cohesive and visually appealing experience across their education platforms. Through collaboration and a systematic approach, they created a design system that reflected the brand, catered to diverse users, and enabled innovation and customization.
Headless Design Systems. Revolutionizing Front-end Development
In this article from Matthaios, they explore the concept of headless design systems, which decouple the front-end and back-end systems, and discusses their benefits in revolutionising front-end development. Headless design systems offer cross-platform compatibility, future-proofing, streamlined workflows, enhanced UI consistency, and cost-effective maintenance. The article also provides steps for implementing a headless design system in an organisation.
Naming components
In this article, Marta Conde discusses the importance of creating a taxonomic glossary for Design System components, properties, and values. They provide guidance on identifying and naming different elements, defining structure and modifiers, unifying grammar, organizing elements, and establishing a taxonomic system. The goal is to achieve lexical consistency and facilitate collaboration between design and development teams.
👀 Interesting Reads
Discover the Magic Working Behind our New Mobile App Rebranding
Jean-Charles talks us through the use of design tokens and the introduction of "moods" to maintain brand consistency and provide precise information on context, function, and state. They also highlight the automation of generating design token libraries for different platforms, improving efficiency and facilitating the implementation of up-to-date design elements.
Everything New in Figma. …there was a lot announced at Config 2023
Joey provides an overview of the new features introduced in Figma, including Variables, Dev Mode, Advanced Prototyping, and updates to Auto Layout. These additions aim to enhance efficiency, bridge the gap between design and code, and offer more flexibility in creating prototypes and layouts.
🎧 🎥 📊 Audio / Video / Slides
He made 100s of Figma variables a day after launch
Within 24 hours of variables being launched, Henry got to work creating them. Paavan discusses how Henry started to introduce them into their organisations existing Design System.