BestHub
Sign in
Tag

design tokens

0 views collected around this technical thread.

JD Tech Talk
JD Tech Talk
Mar 10, 2025 · Frontend Development

C2D2C (Code‑to‑Design‑to‑Code) Mode for Unified Design and Development Assets in JD Cloud Frontend

The JD Cloud frontend team introduced a C2D2C workflow that converts component code into design tokens, generates synchronized Figma controls, and then transforms those designs back into code, aiming to eliminate version gaps, reduce designers' workload, and improve design‑to‑code fidelity across the Mobius design system.

C2D2Ccode generationdesign system
0 likes · 9 min read
C2D2C (Code‑to‑Design‑to‑Code) Mode for Unified Design and Development Assets in JD Cloud Frontend
Beijing SF i-TECH City Technology Team
Beijing SF i-TECH City Technology Team
Nov 29, 2024 · Mobile Development

SF Design Mobile: Design System, Token Integration, and Component Library Overview

The article outlines the background, goals, construction process, and comprehensive showcase of SF Design Mobile, a cross‑platform component library built by SF Technology, emphasizing design principles, the integration of Design Tokens, component categories, public platform, application examples, current usage, feedback, and future plans.

component librarydesign systemdesign tokens
0 likes · 8 min read
SF Design Mobile: Design System, Token Integration, and Component Library Overview
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 11, 2024 · Frontend Development

Ant Design Theme Customization: From Less Variables to CSS‑in‑JS and Performance Strategies

This article examines the evolution of Ant Design's theming—from the less‑based Antd 4.x approach to the CSS‑in‑JS design‑token system in Antd 5.x—analyzes the performance trade‑offs of CSS‑in‑JS, and presents the official antd‑style solution for high‑performance, extensible, and compatible style overrides.

Ant DesignCSS-in-JSdesign tokens
0 likes · 18 min read
Ant Design Theme Customization: From Less Variables to CSS‑in‑JS and Performance Strategies
Weimob Technology Center
Weimob Technology Center
Nov 10, 2023 · Frontend Development

How Design Tokens Enable Consistent UI Across Platforms in Titian

This article explains how the Titian component library uses Design Tokens to abstract visual attributes like color, typography, spacing, and shadow, allowing seamless theme customization, global and component-level styling, dark mode support, and multi‑framework integration for consistent front‑end development.

ReactUI ConsistencyVue
0 likes · 14 min read
How Design Tokens Enable Consistent UI Across Platforms in Titian
We-Design
We-Design
Mar 30, 2023 · Frontend Development

How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration

This article explains how to map design tokens—style, component, template, and file tokens—to appropriate carriers in Figma and Sketch, covering token categories, multi‑mode and multi‑business handling, component token strategies, property naming conventions, handoff methods, and version management.

FigmaSketchcomponent
0 likes · 20 min read
How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration
Qunhe Technology User Experience Design
Qunhe Technology User Experience Design
Jan 27, 2021 · Frontend Development

Unlocking Design Tokens: Boost UI Consistency Across Platforms

This article explains how design tokens serve as the building blocks of a design system, enabling theme customization, cross‑platform consistency, and workflow efficiency for digital products by standardizing colors, spacing, typography, and other style values.

cross‑platformdesign systemdesign tokens
0 likes · 7 min read
Unlocking Design Tokens: Boost UI Consistency Across Platforms
Youku Technology
Youku Technology
Jan 7, 2020 · Mobile Development

Comprehensive Design and Technical Summary of Full Dark Mode Support for the Youku App

The article delivers a detailed 117‑page, eleven‑chapter overview of Youku’s full Dark Mode implementation, explaining the motivation, battery and accessibility benefits, design methodology—including color token systems and contrast hierarchy—and the coordinated technical execution across iOS and Android platforms.

Androidaccessibilitydark mode
0 likes · 13 min read
Comprehensive Design and Technical Summary of Full Dark Mode Support for the Youku App