Boost Design and Front‑End Productivity with D2C, C2D2C and Low‑Code Platforms

In a mature internet industry, cost control and productivity are key to success, especially after the 2020 pandemic accelerated digital transformation and raised expectations for B‑end products.

Part 1: Ways to Improve Design and Front‑End Productivity

Current D2C Solutions

D2C (Design to Code) converts design assets into reusable code, divided into two categories:

Design Asset Type : Systems like NetEase Fish Design, Ant Design, Arco Design, and Element turn componentized design assets into code, enabling rapid front‑end development.

Design Integration Type : Includes design‑view tools (e.g., D‑box, Figma, Lanhu) that let front‑end engineers inspect designs and generate code snippets, and design‑code generation tools such as ImgCook and Codefun that export full static pages, though they may produce redundant code and lack fine‑grained control.

C2D (Code to Design)

C2D translates front‑end code back into design drafts. Notable examples are Airbnb’s React Sketch.app and html‑sketchapp, which compile code into editable Sketch files, but these tools are still designer‑unfriendly and often require engineers to operate them.

C2D2C (Code → Design → Code)

The C2D2C model standardizes design assets (D2C) and uses low‑code platforms (C2D) to configure interactions and bind data, creating a fully automated pipeline that reduces manual hand‑off and boosts overall efficiency.

Part 2: Market Adoption of C2D2C

Low‑code platforms are the core enabler of C2D2C. International leaders like OutSystems and Mendix have attracted significant investment, while domestic platforms such as NetEase Qingzhou have been commercialized and adopted by large enterprises (e.g., ICBC, Geely, government platforms).

These platforms combine design assets, low‑code layout, and backend data binding, allowing front‑end engineers to rapidly assemble pages without extensive coding, while designers focus on user research and experience.

Conclusion

Standardizing design and industrializing development through C2D2C aligns with the broader trend toward AI‑driven, high‑speed product creation, enabling teams to produce multiple backend products in a single day and keep pace with China’s digital transformation.