產品概覽
图像大厨 是什麼？
圖像大廚 是由阿里巴巴開發的全方位設計轉程式碼自動化平台，能將各類設計檔（Sketch、PSD、靜態圖片）轉換為前端程式碼。平台運用智慧演算法，從設計文件自動產生視圖程式碼、資料綁定程式碼、元件程式碼及部分業務邏輯。內建支援 10 種 DSL，包括 React、Vue、Rax 及小程序，致力於達到 100% 設計還原，同時兼顧程式碼品質與可維護性。平台可透過 CLI 工具、VS Code 外掛及自訂 DSL 無縫整合至開發流程。
主要功能
多格式設計支援
可處理多種設計格式，包括 Sketch 檔案、Photoshop 文件及靜態圖片，透過外掛或直接上傳至視覺編輯器。
智慧化程式碼產生
自動產生易於維護的程式碼，具備正確的 DOM 結構、相對定位版面、語意化 class 命名，並能自動辨識迴圈結構。
多框架支援
內建支援 10 種 DSL，包括 React、Rax、Vue 及各類小程序，亦可自訂 DSL 滿足特殊需求。
開發流程整合
可透過 CLI 工具、VS Code 外掛及自訂匯出外掛，無縫整合至開發流程，支援圖片上傳與檔案目錄轉換。
視覺化編輯器
提供完整的編輯功能，讓使用者可調整版面、綁定資料、撰寫邏輯程式碼，並於匯出前自訂元件。
使用案例
- 活動頁開發 : 快速開發一次性促銷頁面與行銷活動，特別適用於電商雙十一等大型促銷。
- 設計與開發協作 : 簡化設計師與前端工程師的協作流程，減少手動撰寫程式碼，確保設計還原度。
- 元件庫建立 : 打造可重複使用的 UI 元件與設計系統，確保專案間風格一致與語意化命名。
- 原型到產品化 : 將設計原型轉換為可直接上線的程式碼，支援資料綁定與業務邏輯整合。
- 跨平台開發 : 單一設計來源即可產生多平台程式碼，支援 Web、行動 App 及小程序。
常見問題
图像大厨 的替代方案
v0
AI 智能代理對話式 UI 與網頁應用建構器，能從自然語言提示產生可用於正式環境的程式碼。
FlutterFlow
一款無程式碼視覺化App建構平台，協助快速打造跨平台行動、Web與桌面App，支援Firebase整合與自訂程式碼擴充。
墨刀AI
全面的原型設計平台，透過自然語言命令生成互動式原型、元件和設計元素。
Rocket.new
一個從單一文字提示生成完整全端Web和行動應用程式的無程式碼平台。
Playcode
一個基於Web的平台，可以從純語言描述建構獨特的網站、應用程式和登陸頁面——無需編碼或設計技能。
WeWeb
AI 驅動的無程式碼平台，讓你以視覺化程式設計與多元整合，迅速開發可正式上線的網頁應用程式。
Codia AI
AI 賦能設計與開發平台，透過先進視覺識別與多平台支援，簡化設計到程式碼的流程。
Anima
AI 驅動設計轉程式碼平台，將 Figma 設計稿轉換為可即時運作、可用於生產的網頁應用程式，支援無縫協作與 AI 輔助編碼。