Imgcook

什麼是 Imgcook?

Imgcook 出自阿里巴巴，能用 AI 辨識版面配置與元件，把設計檔（Sketch、Figma、PSD）甚至一般圖片轉換成前端程式碼。目標是加速網頁與行動裝置從設計稿到程式碼的轉換流程。

主要功能

• 支援 Sketch、Figma、PSD 設計稿轉程式碼
• 圖片辨識轉程式碼
• 可輸出多種前端框架格式
• 自動偵測元件與版面配置
• 可自訂程式碼產生規則

如何開始使用

1. 前往 imgcook.com 匯入設計稿或圖片
2. 讓 AI 辨識版面配置與元件
3. 調整規則與對應設定
4. 匯出產生的程式碼

使用情境

• 設計稿到程式碼的交接流程
• 前端專案的初始建構
• 把設計原型轉成標記語言
• 加速 UI 開發流程

Imgcook 比較

常見問題

Imgcook 可以免費使用嗎？

Imgcook 的方案：免費。價格與免費方案的限制會隨時間調整，詳細資訊請以上方的官方網站為準。

Imgcook 是用來做什麼的？

自動將設計檔轉換成前端程式碼。

Imgcook 最適合什麼樣的使用者？

Imgcook 很適合 設計稿到程式碼的交接流程.

Imgcook 有哪些替代方案？

常被拿來比較的替代方案有 Locofy和v0，詳細差異請見上方的比較表。