關於 CraftUI
About
CraftUI 是什麼
CraftUI 是一款小型的設計 AI，屬於提示詞開始取代空白畫布之後冒出來的那一批工具。它的主張很明確：用文字描述一個畫面，或直接丟一張圖進去，拿回畫好的元件，稍微調整就能用。
它不是應用程式產生器。工作單位停在元件層級，也就是按鈕、卡片、表單、導覽列這些東西。價值就在這裡。你大概知道自己要什麼，但需要一個具體的東西擺在眼前討論，而空白的 Figma 檔案幫不上忙。
先講一件必須知道的事。官方網域已經不再提供產品。2026 年底，craftui.studio 會導向網域出售頁面，價格頁、更新紀錄、公開文件全都沒留下來。以下內容描述的是它當初發表的樣貌，不是你今天能註冊的服務。
如何開始
以下是應用程式還在運作時的流程，依它公布的說明整理。
- 用瀏覽器打開網站。不必安裝，也沒有桌面程式。
- 選擇輸入方式：寫一段提示詞描述你要的畫面，或上傳一張參考圖。
- 檢視生成的元件，挑一個最接近你想法的留下來。
- 把結果放進設計檔或程式編輯器，再調整顏色、間距與字體。
第四步得自己動手。匯出格式與外掛都沒有留下任何說明，請把複製貼上當成必要流程。
產品資訊
快速了解 CraftUI 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 需要立刻有初稿的產品設計師：CraftUI 瞄準的是已經熟悉介面樣式、只想要一個能拿去討論的起點的人。
- 團隊裡沒有設計師的創業者：做 Demo 需要一個能點的畫面時，一段提示詞比一份設計合約便宜。
- 用元件思考的前端工程師：如果你把卡片或表單看成可重複使用的區塊，生成的結果可以直接塞進專案，不太需要再轉換。
任務
- 把截圖變成可編輯的元件：上傳參考圖就能拿回結構，省掉照著別人的版面重畫一遍。
- 補小型設計系統的缺口：少一個空白狀態或設定面板，正是生成比從零開始畫更划算的工作。
- 在定案前試排版：粗略的結果就足以結束「兩欄價格表到底行不行」的爭論。
情境
- 明早就要開設計評審：一組半成品元件在會議室裡比簡報上的一段描述有用。
- 為了改版重做舊畫面：先畫出目前的樣子，再改掉壞掉的部分，不必從空白開始。
- 沒有設計預算的個人專案：以元件為單位的輸出，本來就是為這種規模的工作設計的。
主要功能
圖片轉元件
CraftUI 宣稱的核心是圖片轉介面：讀一張圖，回傳元件。截圖、mockup、草圖都能當輸入，當你的參考資料是一張圖而不是文字時特別好用。輸出停在可以重新排列的零件，不是一張扁平的畫面圖。
文字轉介面
第二條路是打字。用一兩句話描述你要什麼，工具就生出對應的元件。這是最省力的起步方式，也是這個類別裡幾乎所有人都會先試的方法。
元件層級的輸出
這一點把 CraftUI 和生成整個網站的作品工具區分開來。作為介面元件生成工具，它給的是零散零件，不是完整產品。對設計工作來說通常正好：一張做得好的卡片或一條篩選列，可以沿用在十幾個畫面上。
全部在瀏覽器裡
它跑在瀏覽器裡，不必安裝，這也是瀏覽器設計工具最大的好處。你可以借來的筆電或公司鎖權限的機器上試用，之後再決定要不要把它留在自己的工作流程裡。
輕量迭代
工作單位是元件，改動就維持在小範圍。為了一張卡片重跑提示詞，不必把整個頁面重新生成，那正是大型生成工具最讓人煩躁的地方。
優缺點
優點
- 範圍清楚：只做一件事，生成元件，不假裝自己是應用程式產生器。
- 兩種輸入：圖片與文字同時涵蓋「我有參考圖」和「我只有模糊想法」兩種情況。
- 不用安裝：跑在瀏覽器裡，第一次測試不需要設定任何東西。
- 輸出可再調整：元件比一張渲染完成、鎖死的畫面更容易改成自己的樣子。
缺點
- 產品已經消失：網域現在指向網域出售頁面，無法註冊、登入，也拿不回舊作品。
- 公開資料極少：價格頁、更新紀錄、說明中心都沒留下，任何宣稱的限制都無法查證。
- 交接全靠手動：沒有公開的匯出方式或外掛，要把結果放進 Figma 或程式碼，只能自己複製。
常見問題
不行。craftui.studio 已經不再提供產品，目前導向網域出售頁面。任何舊連結或教學都只能當歷史資料看。
相關內容
探索與 CraftUI 相關的工具、技能與文章。
CraftUI 替代方案
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
Tractionwave
TractionWave · 圖片 · 行銷TractionWave 是針對靜態廣告的 AI 注意力熱圖工具。上傳 PNG 或 JPG，就能取得預測注意力、排序後的熱點與修正建議，不必等預算花完才知道問題在哪。
Imejis.io
Imejis.io · 圖片 · 行銷Imejis.io 是給代理與行銷團隊使用的 AI 設計工作室。你用日常說法描述一張圖，它會寫好文案、排出版面、自動調整成各種尺寸，最後匯出完成檔。