What Drives a Successful Design System? Insights from 58UXD’s Lead Designers

Interview Record

The UXD Design System Specification Platform was created by 58UXD’s 28 designers over six months, covering business background, design philosophy, interaction and visual specifications, component resources, and engineering. It supports multiple business scenarios, enables efficient design collaboration, and is continuously updated. The sold handbook selects four representative sets from more than twenty business cases.

Why create a design system?

Yale (Ziya Lei): We set three goals: improve collaboration efficiency, ensure design consistency, and foster innovation. By freeing designers from repetitive tasks, they can focus on creative work.

Yingzhao (Wang Yingzhao): A design‑system handbook guarantees unified visual standards, improves brand recognition, helps users identify the brand quickly, saves time, reduces errors, and accelerates onboarding of new team members.

What is the value of a design system?

Yingzhao: It ensures consistency and coherence, boosts brand recognition and user experience, reduces repetitive work, and lets designers concentrate on problem‑solving and innovation.

Xiaowei (Zheng Xiaowei): It standardizes design language, raises efficiency, maintains brand consistency, enhances user experience, promotes cross‑team collaboration, lowers maintenance cost, supports scalability and refactoring, encourages innovation, and improves decision‑making transparency.

Xiaodong (Zheng Xiaodong): It guarantees product consistency, builds brand identity, provides predefined components and styles to speed up design and development, simplifies communication, defines clear design decisions, ensures product quality and maintainability, and accelerates iteration cycles.

How to create an AIGC‑driven design system and what challenges arise?

Xiaowei: AIGC design standards combine AI capabilities with business‑specific design rules and must be continuously updated as AI evolves. The biggest challenge is keeping up with emerging technologies, learning them, and applying them in practice while also strengthening designers’ own creativity.

Challenges in building a design system and how to overcome them

Xiaowei: Maintaining uniformity required a centralized style and component library, regular communication, and clear update processes. A flexible framework allows rapid iteration, and a defined review mechanism ensures changes are tested and evaluated.

Xiaodong: Precise parameter setting (e.g., typography, line‑height) involved extensive research across devices and literature, leading to a deeper understanding of the system and user‑experience sensitivities.

Yingzhao: Balancing comprehensiveness with conciseness demands careful weighting of depth and breadth to keep the handbook practical and easy to use.

How to ensure usability and accessibility of the design system?

Yale: Use a rational, consistent structure and concise language; decouple content, cover scenarios comprehensively, allow flexibility, and iterate continuously.

Yingzhao: Adopt simple, direct language, clear headings, lists, and navigation indexes to help users locate information quickly.

How are visual elements (text, color, icons) defined?

Yale: Definitions stem from product concepts, brand guidelines, and user characteristics. Color systems are derived from brand colors using HSB models and gradients, then validated through testing.

Xiaowei: Industry‑specific colors (e.g., yellow for catering, green for services) help users instantly recognize different sectors.

Xiaodong: The upgraded system follows a human‑centric approach with five principles, emphasizing clear typography, youthful brand colors, and emotionally designed icons.

How to balance overall structure and detailed content?

Xiaodong: Use modular organization, clear hierarchy from principles to practice, provide examples, employ concise language, and update regularly based on feedback.

Yale: Separate visual specifications (theoretical guidance) from component resources (ready‑to‑use elements) to avoid redundancy.

What is design‑system engineering?

Yale: Engineering pre‑defines stable design elements (colors, fonts) for reuse, improving efficiency, reducing development cost, and ensuring consistency.

Xiaodong: It provides systematic, standardized methods that boost productivity, quality, and internal collaboration.

Future planning

The system will continue iterating across its six components—business background, design philosophy, interaction spec, visual spec, component resources, and engineering—to adapt to industry changes and product needs. Ongoing updates, promotion within the company, and feedback loops will keep the handbook current and useful.

Insights and Outlook

The interviews deepen understanding of the design‑system handbook, reveal stories behind its creation, and highlight the broader significance of systematic design. More detailed content, case studies, and foundational knowledge are available in the full design‑system publication, inviting further discussion among designers.