#Design2Code

[mysocial8onetech]

Dive into our latest article exploring Design2Code, an AI model developed by Microsoft and Google DeepMind. Learn how it’s revolutionizing front-end engineering by transforming visual designs into functional code, and matching the abilities of commercial models like Gemini Pro Vision.

[gozealouscloudcollection]

前端代碼是怎樣智能生成的——智能插件篇

作為阿里經濟體前端委員會四大技術方向之一，前端智能化項目經歷了2019 雙十一的階段性考驗，交出了不錯的答卷，天貓淘寶雙十一會場新增模塊79.34% 的線上代碼由前端智能化項目自動生成。在此期間研發小組經歷了許多困難與思考，本篇文章將主要向大家介紹，在前端智能化項目中，智能插件的各種應用與作用。

概 述

在一個常見的開發週期中往往遵循著產品需求到交互稿到設計稿再到前端開發的過程。所以在 Design2Code (簡稱 D2C) 項目過程中，設計師負責來設計產品視覺效果和產出視覺設計稿，而前端開發工程師以設計稿為輸入進行開發。所以同樣地，在前端智能化的過程中，我們需要一種能自動解析設計稿信息的能力來替代傳統的人工分析和摳圖等繁瑣的工作。同時，隨著近幾年主流設計工具（Sketch、PS、XD …

from 前端代碼是怎樣智能生成的——智能插件篇 via KKNEWS