#design-tokens
#design-tokens

[ follow ]

SCALES - Design Tokens Starter Set by Philipp Jeroma

Start your design system with an accessible, pre-built tokens set to simplify setup and focus on design.

The Value of Design Tokens in Modern Web Development | Southleft, LLC

Design tokens ensure consistency in design elements like colors, spacing, and typography.

Maintainability is enhanced as design changes can be applied globally with design tokens.

Best Practices For Naming Design Tokens, Components, Variables, And More - Smashing Magazine

Naming is challenging in design and development, balancing between specificity and flexibility.

SCALES - Design Tokens Starter Set by Philipp Jeroma

Start your design system with an accessible, pre-built tokens set to simplify setup and focus on design.

The Value of Design Tokens in Modern Web Development | Southleft, LLC

Design tokens ensure consistency in design elements like colors, spacing, and typography.

Maintainability is enhanced as design changes can be applied globally with design tokens.

Best Practices For Naming Design Tokens, Components, Variables, And More - Smashing Magazine

Naming is challenging in design and development, balancing between specificity and flexibility.

morescalability

Designing a scalable and accessible color system for your design system

Creating a scalable color system ensures UI consistency and enhances brand identity and accessibility.

#user-experience

Design tokens: A double-edged sword in design systems

Over-engineering design tokens increases complexity and decreases usability.

Clear naming conventions are crucial for managing design tokens effectively.

Reducing token choices minimizes cognitive load and enhances developer efficiency.

Streamlining design tokens prevents redundancy and system bloat.

How to use tokens in design systems? - LogRocket Blog

Design tokens enhance visual consistency and scalability in design systems, benefiting both designers and developers.

Design tokens: A double-edged sword in design systems

Over-engineering design tokens increases complexity and decreases usability.

Clear naming conventions are crucial for managing design tokens effectively.

Reducing token choices minimizes cognitive load and enhances developer efficiency.

Streamlining design tokens prevents redundancy and system bloat.

How to use tokens in design systems? - LogRocket Blog

Design tokens enhance visual consistency and scalability in design systems, benefiting both designers and developers.

moreuser-experience

Every token is a feature

Design tokens function as a bridge between design and engineering, enabling consistent UI across platforms, but excess tokens can lead to complications.

Using retro designs from 90s websites to inspire modern UX - LogRocket Blog

Understanding UX design layers is crucial for creating effective user interfaces.

Design tokens foster collaboration and consistency in design systems.

UX design in automotive is evolving, offering designers great influence.

Performance metrics are vital for assessing and improving UX.

#design-systems

The ultimate Design Token setup

Design tokens are vital for design systems and must be resilient, flexible, and future-proof to ensure product integrity and adaptability.

Proposal: CSS Variable Groups

CSS Variable Groups aim to address pain points in design tokens and systems.

The color part of design systems includes core hues and neutrals, each with multiple shades and tints.

Proposal: CSS Variable Groups

CSS Variable Groups is aimed at solving pain points regarding design tokens and systems.

The color part of design systems includes core hues, neutrals, and shade variations, typically defined with numerical suffixes like --color-red-600.

The ultimate Design Token setup

Design tokens are vital for design systems and must be resilient, flexible, and future-proof to ensure product integrity and adaptability.

Proposal: CSS Variable Groups

CSS Variable Groups aim to address pain points in design tokens and systems.

The color part of design systems includes core hues and neutrals, each with multiple shades and tints.

Proposal: CSS Variable Groups

CSS Variable Groups is aimed at solving pain points regarding design tokens and systems.

The color part of design systems includes core hues, neutrals, and shade variations, typically defined with numerical suffixes like --color-red-600.

moredesign-systems

Token to Tooling: Generating VS Code Snippets from Design Tokens

Design tokens store key UI elements for design systems and are used to generate consistent themes. Theme generators create themes based on design tokens.

#react-components

Building a Theme Switcher in React

Creating composable themes for React components can improve accessibility and personalization.

Using a theme switcher simplifies the theming process by managing theme dependencies and allowing easy overriding of existing theme tokens.

Theming React Components: A Practical Guide

Theming ensures consistency in a web application's user interface

Design tokens are variables storing design-related values for maintaining consistency

Building a Theme Switcher in React

Creating composable themes for React components can improve accessibility and personalization.

Using a theme switcher simplifies the theming process by managing theme dependencies and allowing easy overriding of existing theme tokens.

Theming React Components: A Practical Guide

Theming ensures consistency in a web application's user interface

Design tokens are variables storing design-related values for maintaining consistency

morereact-components

The universal color palette

The Global Design System should handle 80% or more of common UI needs and have standards for token naming conventions.

Standardization in design systems, specifically color palettes, is crucial for a Global Design System to succeed.

[ Load more ]