How 58.com Built a Scalable Design System to Boost Efficiency

58.com is a massive classified‑information platform offering services such as real‑estate, recruitment, used‑car listings, group‑buying, directories, and social networking. Because of the diverse business types and complex user ecosystems, communication and cooperation among designers are critical, making the construction of a unified design system the biggest challenge.

The 58UXD user‑experience design center continuously explores and has established a new 10.0 design language, ensuring platform stability and business‑level flexibility while moving design toward professionalism and intelligence.

Common, high‑reuse components across businesses are merged into a middle‑platform service layer, establishing order, reducing duplicate system construction, and lowering design and development costs.

The full workflow—from project initiation to design delivery—is analyzed, showing how interventions at each node keep the design system running efficiently. As intelligent tools evolve and business needs grow, designers shift from visual production to design decision‑making, using tooling, modularization, and componentization to free time for user research, prototype optimization, and interaction work.

Standard

Professional design must be built on standards. For example, clothing labels follow industry standards for placement, enabling mass production across factories. Similarly, design guidelines should be standardized, modularized, and componentized. This includes demand standardization, process modularization, and component generalization.

Demand Standardization – Provide design requirement documents, categorize requests, and automate entry into appropriate demand pools to accelerate understanding. Product teams must fill detailed requirement forms to avoid misalignment.

Process Modularization – Break the workflow into key nodes and track each stage, allowing fixed methods to make the process self‑operating (e.g., design reviews aligned with functional testing, visual testing during smoke testing, mandatory design sign‑off before release).

Component Generalization – System elements, controls, and layouts become reusable components, while respecting the principle of appropriate combination for different purposes. The 58 homepage redesign illustrates modular functional division and flexible recombination.

Core

The design core showcases the product’s unique value and differentiates it from competitors. 58.com’s vision of “simple and beautiful life” drives a design language that is simple, approachable, and non‑redundant. The LOCO (Life, People, Creativity, Ecosystem) concept guides color schemes and branding across business lines, ensuring consistency and diversity.

Elements

A shared design asset pool—containing illustration libraries, icon sets, element libraries, image collections, component libraries, and interaction patterns—enhances design efficiency. Designers are encouraged to upload assets, fostering alignment and reuse.

Tools

In early 2020, the TOOLKITS design‑tool R&D team was formed under senior director He Xiao. The team builds tools that support each stage of the design workflow, providing solutions for design, product, and engineering.

Key platforms include:

58 Questionnaire System – a customizable cloud service for enterprise research.

IWIKI – a document management platform for knowledge sharing and competitive analysis.

IWORK – a product‑requirement management platform linking product, design, and engineering tasks.

58 Cloud Disk – a cloud storage platform for large assets and remote collaboration.

Crystal Ball – a design‑asset classification center for visual asset management and reuse.

Zebra – an AI‑powered design platform offering intelligent merging, background removal, and template creation.

Windwheel – a visual collaboration platform that bridges code and design, improving hand‑off fidelity.

MATRIX – a middle‑back‑office component platform delivering enterprise‑grade design systems for product, design, and development teams.

These tools collectively reduce communication costs, improve design‑to‑code fidelity, and accelerate project delivery.

The overall goal is to enhance design service capability, making life simpler and more beautiful for users.