0 views collected around this technical thread.
YYF2C, Baidu and YY Interactive’s all‑in‑one Figma‑plus‑AI platform, transforms design files into high‑fidelity, semantically named code across web, React Native and admin components, offering plugins, light‑logic tags, DSL converters and SaaS management that together boost development efficiency by roughly fifteen percent.
This article explains JD's design‑to‑code platform that leverages AI to automatically transform design drafts into front‑end code, detailing the typical frontend workflow, the platform's capabilities and limitations, and how it improves development productivity for financial app teams.
Seal D2C, NetEase Cloud Music’s design‑to‑code platform, automatically converts Figma, MasterGo, Photoshop and Sketch files into high‑fidelity React, React Native and DSL code, cutting design‑review cycles, slashing developer‑designer communication, and delivering roughly 30% productivity gains across thousands of pages.
The article introduces Semi D2C, a design‑to‑code solution built by the Douyin frontend team that converts Figma design files into reusable JSX/CSS code, explains its capabilities, implementation details, challenges, benefits for designers and developers, and how it differs from other D2C approaches.
Alibaba’s Front‑end Intelligent Group has built a D2C‑driven platform that converts 2‑D design drafts into high‑quality, token‑driven HTML/CSS through advanced preprocessing, text‑merge, badge recognition, skeleton grouping, and epoch‑based transformation pipelines, enabling rapid, no‑code UI personalization and scalable engineering quality.
This article demonstrates how the CodeFun tool can automatically transform UI design drafts into functional front‑end code across multiple frameworks, streamlining repetitive marketing page development by eliminating manual slicing, styling, and basic logic implementation.
Vivo’s frontend team built a self‑attention‑based machine‑learning model that predicts web‑page layout types (column, row, or absolute) from node dimensions and positions, solving parent‑child and sibling relationships for design‑to‑code conversion, achieving 99.4% accuracy using over 20 k labeled, crawled, and generated samples, while outlining further enhancements.
The ASLINE visual low‑code platform lets Shopee Supply Chain engineers turn Figma designs into editable Vue pages by automatically recognizing components, mapping them to internal libraries, generating API request code, and exporting semi‑finished code, achieving roughly 92% recognition accuracy and cutting development time by about 80%.
This article details the Deco intelligent code project, which leverages AI and layout algorithms to transform design drafts into semantic, reusable frontend code, achieving around 48% efficiency gains during large‑scale e‑commerce events and outlining the full pipeline from design processing to DSL generation and future AI platform integration.