AI驅動的企業級設計系統-風月_compressed.pdf

《AI驅動的企業級設計系統-風月_compressed.pdf》由會員分享，可在線閱讀，更多相關《AI驅動的企業級設計系統-風月_compressed.pdf（29頁珍藏版）》請在三個皮匠報告上搜索。

1、1AI驅動的企業級設計系統219TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會宋建敏（風月）20092012 阿里媽媽 淘寶客 前端20122014 騰訊應用寶前端負責人20142021 BizCharts負責人、阿里CFO前端負責人2021至今 菜鳥CNUI負責人、企業智能前端負責人10+年主導企業級設計系統的研發經驗19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會智能倉儲國際物流末端配送一個

2、跨境包裹的全生命周期商家消費者不是只有快遞柜和菜鳥驛站19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會PC、H5、PDA、Lemo把槍等等終端碎片化倉儲、分撥、運輸、跨境、派送、驛站，管理系統多業務長鏈路跨境物流，業務范圍遍布全世界全球化適配跨境物流戰場面臨的三座大山 一個包裹從倉庫到你手里，要穿越海關、轉運中心、末端網點.19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會業務說：基礎功能馬上跑菜鳥設計系統：列表頁、表單頁、詳情頁、Dashboard頁（CRUD）19TH D2 TERMINA

3、L TECHNOLOGY CONFERENCE第十九屆D2終端技術大會業務又說：基礎功能馬上跑，多語言版不能少菜鳥設計系統：+多語言&本地化（RTL）含RTL率：80%=100%（AI：質檢員）19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會菜鳥設計系統：+一碼多端（雙端原生體驗）業務又又說：基礎功能馬上跑，多語言版不能少，PC移動全都要自動映射一碼多端PC端H5端原生體驗覆蓋率（AI：查漏補缺）19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會業務又又又說：基礎功能馬上跑，多語言版不能少，P

4、C移動全都要，用戶體驗還必須好H5端第欄H5端第欄H5端第三欄菜鳥設計系統：+多頁合一布局PC端 多合布局將過去業務已開發的多個CRUD頁面，組合生成一個頁面，解決物流供應鏈中交互鏈路長會帶來頁面間反復跳轉的問題；（AI？）自動映射一碼多端19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會設計系統的業務應用成果3000+產研協同支持數千產品與研發人員高效協作，降低溝通成本加速業務迭代。70%+低碼開發占比通過低碼搭建與AI輔助，大幅降低全棧研發門檻提升開發效率。100%CNUI覆蓋率菜鳥幾乎所有TOB業務系統使用CNUI標準組件，實現統一體驗與

5、維護。遠超互聯網行業的平均水平！便宜速度快效果好標準化的力量19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會背后的技術實現基礎功能馬上跑=極致研發效率國際化不能少=多語言&本地化PC移動全都要=一碼多端用戶體驗還必須好=多頁合一布局所有數據均為 MOCK 示意19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會30min+AI 研發流程設計規范+AI指令 自動生成代碼 人工微調 自動化測試 發布（約30分鐘）8h傳統開發流程設計規范 組件設計 代碼開發 測試審核 發布（平均8小時）極致研發效率-

6、組件開發流程+AI 的實踐成果代碼質量大多數的 AI生成代碼可直接使用，較初期提升了兩位數AI智能診斷與一鍵修復基于AI匹配低碼頁面與Schema錯誤特征片段，給出評分、診斷建議、一鍵修復人力投入相同數量組件開發，所需人力下降一半多cone gpt commit組件研發規范質檢卡口，生成commit變更描述，減少標準化負擔cone gpt i18nAI 智能一鍵翻譯，智能識別短詞與長文本，翻譯做到信雅達組件開發周期從平均幾小時縮短到幾分鐘之內（提效超過兩位數）cone gpt doc基于設計規范自動生成組件文檔，準確率95%智能答疑助理通過RAG引擎實現秒級精準響應，提供開發輔助與業務場景深度

7、問答三年實踐：AI能提效的活兒19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會極致研發效率-組件文檔+AI：文檔是活的，回歸高貴的靈魂組件描述（TS定義即文檔）組件Demo（源碼即Demo）低碼文檔（QA答疑即文檔）FAQ文檔（QA答疑即文檔）國際化組件文檔（復用Prompt）插件文檔（復用Prompt）所有數據均為 MOCK 示意19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會極致研發效率-組件文檔+AI：文檔生成工作流實踐所有數據均為 MOCK 示意批處理基于單個工作流+發布工程化使用分

8、析收集組件在真實業務中的使用數據和反饋 持續改進根據返回結果持續迭代優化文檔生成規則 19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會極致研發效率-智能答疑助理-核心實現原理設計系統知識庫多源異構數據的自動化清洗與智能檢索流程實現線上線下多模態數據（文檔/表格/音視頻）的格式標準化、信息結構化處理，通過RAG引擎支持開發輔助與智能問答。極致研發效率-智能答疑助理-工程師日常辦公場景全覆蓋低碼研發端（研發時）Web端（瀏覽器訪問時）IM釘釘端（協同溝通時）列表頁低碼搭建組件AI答疑表單頁低碼搭建組件AI答疑所有數據均為 MOCK 示意極致研發效

9、率-代碼規范自動化執行-cone gpt commit 自動審核檢查代碼是否符合團隊規范和最佳實踐 智能提示發現問題時給出具體的修改建議 風險預警提前發現可能導致線上問題的代碼隱患 所有數據均為 MOCK 示意19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會小語種多語言智能擴展組件內置主要國家多語言，小語種可隨業務需要按需引用極致研發效率-國際化出海場景的多端+RTL 適配數字&日期本地化適配不同國家數字、日期展示習慣不同，組件內置一鍵適配。業務0成本適配組件內置 RTL 智能適配能力，真正做到買 LTR 頁面，送 RTL 效果。所有數據均為

10、 MOCK 示意19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會極致研發效率-國際化出海場景的多端+RTL 適配所有數據均為 MOCK 示意19極致研發效率-多語言&本地化-一碼多端+RTL 適配-實踐成果開發時間實從預估的 2-3 個月縮短至 2 周支持語言一次性支持數十種語種適配效果所有組件無需手動調整即可適配 RTL所有數據均為 MOCK 示意19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會極致研發效率-AI問題診斷與一鍵修復AI驅動問題診斷多維度檢測（風險代碼、樣式問題、升級建議）基

11、于規則與工程的修復/美化（工程化保障嚴謹）基于AI匹配低碼頁面與Schema錯誤特征片段，識別潛在bad case，給出評分與診斷建議所有數據均為 MOCK 示意19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會One More Thing全棧協作+不同緯度的數據采集+AI分析19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會全棧協作+AI：數字化讓標準隱于無形顆粒度：部門級實際痛點：全棧研發缺乏

12、專業前端知識，組件使用咨詢量每月超過數千個問題資源浪費：重復解答相同問題占用技術團隊近三成的工作時間全棧落地挑戰答疑助手智能助手：基于RAG技術提供即時問題解答 文檔處理卡片：智能解析技術文檔，提取關鍵信息API調用卡片：快速獲取組件API信息和使用示例數據技能卡片：將數據轉換為可視化報表CES費力度模型：量化分析用戶操作路徑，識別體驗痛點監測指標：頁面點擊次數、滑屏次數、toast報錯次數總和數據分析：自動識別高頻問題模式AI+方案文檔咨詢量：下降超過六成，團隊支持效率顯著提升開發者自助率：從不足一半提升到超過八成用戶滿意度：智能搜索用戶滿意度達到四分以上（5分制）實際效果所有數據均為 MO

13、CK 示意19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會全棧協作+AI：數字化讓標準隱于無形-全生命周期管控業務線排行榜（部門級）線上業務版本趨勢（應用級）線上版本消費排行版（CNUI版本級）組件消費排行榜（CNUI組件級）組件屬性消費排行榜（CNUI組件Props級）讓每一個業務全棧小二可以用對每一個組件，組件的全生命周期，CNUI管；19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會+極致

14、研發效率多語言&本地化一碼多端極致操作效率全棧協作（數據采集+AI分析）AI重新定義了能做到的邊界19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會三年業務實踐總結：設計系統+AI菜體驗平臺中規范菜智能體驗應 Suite菜體驗平臺技術CNUI 組件庫Lowcode 低碼平臺搭體驗技術領域知識庫菜算法技術LLM關AgentChatAI 智能搜索應 text2app菜智能體驗設計規范體驗平臺中心智能解決方案Cainiao Experience Platform Center Intelligent SolutionsSchema Productio

15、n by Prompting菜體驗設計規范 菜前后端數據規范19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會未來展望智能化設計系統2.0自演進、自適應、自優化的組件生態全鏈路AI賦能從需求理解到代碼實現再到測試部署生成式設計系統基于簡單描述自動生成符合規范的復雜界面AI讓標準自轉，業務在飛輪中生長產研大幅提效，與業務真正步調協同Greatly increase development efficiency to synchronize with dynamic business plans 未來展望AI讓標準自轉，業務在飛輪中生長需求產品設計前端后端測試傳統鏈路傳統研發鏈路多部門聯動，開發時間長需求全棧產品全棧開發低碼研發鏈路壓縮中間任務需求來了需求交付口噴需求+AI 研發鏈路消除中間任務2人日2人時THANK YOU19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會19TH D2 TERMINAL TECHNOLOGY CONFERENCE第十九屆D2終端技術大會Github: