A preview of the comprehensive update coming to Adobe's design system

In this piece, we dig into the decreasing gap between design and code, increasing semantics, and one of Figma’s newest features: variables.

What is a successful design system made of? Learn about the four layers of a design system and the parts that make up each of these layers.

Why are design systems useful? Designers and developers from more than 20 industries tell us about their design systems and their uses.

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

Design tokens are a single source of truth to name and store design decisions for Atlassian product experiences.

kickstartDS is a comprehensive component and pattern library, enabling web development teams to create consistent and brand compliant web frontends super efficiently

Tokens store style values like colors and fonts so the same values are used across designs, code, tools, and platforms.

What are design tokens? What role do they play in a design system? How can you use them ?

Design Token sind Variablen für visuelle Eigenschaften, die bei Designsystemen verwendet werden, um übergreifende Konsistenz zu gewährleisten.

Design Token sind Variablen für visuelle Eigenschaften, die bei Designsystemen verwendet werden, um übergreifende Konsistenz zu gewährleisten.

Design systems are a crucial success factor for digital businesses, and virtually every major player works with one. Still, they can sometimes be hard to sell to management. Here’s a ready-to-use formula to calculate the ROI of any design system.

Lessons learned from bootstrapping a small design system from scratch

The IBM Design kit is a collection of tools aimed to help you design and prototype experiences faster, with confidence and thoughtfulness. This kit is based on the IBM Design System. Also, you may use this documentation to create add-on libraries to the IBM Design System or submit bugs to the current system.

Whose sources, and whose truths?

Is your design system really a system …or is it more like a collection of components?

As interaction designers on Red Hat's User Experience (UX) Design and Ansible product teams, we worked for about six months to build a logo family with the Ansible community. This journey started even earlier when a project manager asked us for a "quick and easy" logo for a slide deck. After gathering a few requirements, we presented a logo to the stakeholders within a few days and without much need for iteration. A few months later, another stakeholder decided they would also benefit from having imagery for their materials, so we repeated the process.

… delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.

- Design principles - Grid and keyline shapes - System icon metrics - Color - Icon themes