混合型資源目錄
瀏覽免費與付費設計資源市集，包含 UI kit、模板、插圖、圖示、字型、mockup、3D 素材、wireframe 與簡報。
設計資源市集與工作流程資料庫
Craftwork 是一個設計資源市集，提供 UI kit、範本、插圖、圖示、字型、mockup、3D 素材與相關網頁設計素材。它將免費下載、付費產品與精選靈感整合在同一個目錄中，供設計師、開發者與工作室使用。
這個網站將此資料庫定位為工作流程工具，而不只是販售平台：使用者可以瀏覽集合、搜尋特定素材、開啟靈感頁面，並在 Figma、AI 工具或以程式碼為導向的工作流程中使用 Craftwork 素材。Pro Access 可解鎖完整資料庫並包含商業用途，而 MCP server 則可將目錄連接到支援的 AI 工具。
核心功能
素材包與單一素材
找到單一設計元素與較大的素材包，適用於產品工作的不同階段，從快速修改到完整上線可用的套件。
可搜尋的資料庫
依類別、風格或格式搜尋與篩選目錄；MCP 頁面也描述了用於 AI 輔助工作流程的語意搜尋與結構化中繼資料。
工作流程整合
在 Figma、AI 工具或以程式碼為基礎的工作流程中使用相同素材，包括 Figma 外掛與可連接工具的 MCP server。
靈感與研究支援
存取精選靈感、網站與區塊資料庫，支援參考蒐集與版面探索，而不只限於最終製作素材。
Pro 訂閱存取
透過 Pro 解鎖完整存取，將素材、素材包、靈感與新上架內容整合為單一訂閱。
Craftwork 的常見用法
更快開始設計
在建立登陸頁或應用程式介面時，使用目錄中的 UI kit、範本或區塊資料庫，作為有結構的起點，而不是從空白畫布開始。
加入指定的視覺元素
當版面只需要單一元件，而不需要完整素材包時，可搜尋特定單一素材，例如 mockup、插圖、圖示或背景。
研究模式與參考
瀏覽網站與區塊以比較版面模式、蒐集靈感，或在進入製作前做介面想法的基準比較。
在 AI 輔助工作流程中使用素材
將資料庫連接到相容 MCP 的 AI 工具，讓助理在處理設計提示或版面任務時能直接調出真實的 Craftwork 素材。
在 Figma 中工作
在 Figma 中開啟相同資源，將插圖、圖示、背景與字型直接放入工作畫布。
Pros and Cons
Pros
- 涵蓋常見設計資源類型的廣泛目錄，例如 UI kit、mockup、字型、圖示與插圖。
- 素材依可搜尋的類別、素材包、網站與區塊整理，兼顧製作與研究用途。
- Pro Access 將完整資料庫整合為單一訂閱，並包含商業用途。
- MCP server 讓 AI 工具可擷取真實 Craftwork 素材，而非生成占位內容，適合代理式設計工作流程。
- Figma 外掛與 MCP server 讓資料庫延伸到工具型工作流程，而不只侷限於網頁目錄。
Cons
- 來源頁面未提供每個產品的檔案格式或編輯限制完整細節。
- 團隊使用限制與部分方案細節在彙整文字中並未清楚說明。
- MCP 支援僅針對相容工具進行描述，來源未完整文件化所有整合行為或平台需求。
FAQ
Craftwork 是免費還是付費？
Craftwork 被呈現為一個設計資源資料庫，提供免費與付費素材，並可透過 Pro 存取解鎖完整目錄。
Pro Access 包含什麼？
網站顯示訂閱制的 Pro Access 方案起價為每月 16 美元，而 MCP 頁面指出每個 Pro 方案都包含 MCP 存取。
哪些工具可與 MCP server 搭配使用？
MCP 頁面說明 Craftwork MCP 可與 Claude Code、Codex、Cursor、VS Code、Zed，以及其他相容 MCP 的工具搭配使用。
Craftwork 提供哪些類型的素材？
目錄包含 UI kit、模板、插圖、圖示、字型、mockup、3D 素材、wireframe 與簡報。
Craftwork 素材可以如何用在工作流程中？
來源文字表示，這個資料庫可在 Figma、AI 工具，或直接在程式碼工作流程中使用，而 Pro Access 也包含可用於商業用途的素材。
Quick Facts
- 類別
- 設計資源市集
- 主要使用者
- 設計師、開發者與工作室
- 來源網域
- craftwork.design
- 存取模式
- 免費素材加上付費產品與 Pro 訂閱
- 工作流程支援
- Figma 外掛、MCP server 與網頁目錄
- 主要素材類型
- UI kit、mockup、字型、插圖、圖示、3D 素材
Craftwork 替代品
PixelDrive
PixelDrive 是一款批次圖片生成 API，可透過瀏覽器編輯器、REST API、CSV 批次或 MCP，從單一模板快速產生大量一致的品牌圖片，採用用量計費並支援快取渲染。
Napkin AI
Napkin AI 將文字轉成可編輯視覺圖，適用於簡報、文件與可分享內容；支援以文字優先生成，並可協作後匯出為 PPT、PNG、SVG 或 PDF。
Refero MCP
Refero MCP 連接相容 MCP 的 AI agent 與 Refero 精選的網頁與 iOS 產品介面、使用流程庫，協助在生成 UI 前先研究真實設計模式；此功能包含於 Refero Pro 方案。
Pixso
Pixso 是一款新一代的 AI 原生 UI 設計工具，允許用戶一鍵生成設計草稿和代碼，是 Figma 的國內替代品。
Make Real
Make Real 是一款 Next.js 應用，可將手繪線框圖轉成可運作的 HTML 原型，整合 tldraw SDK 與 AI models，支援畫布草繪、產生程式碼與內嵌預覽檢視。
Cherry Blossom
Cherry Blossom 是一款瀏覽器版 PCB 編輯器，可將自然語言提示轉成可編輯的原理圖、PCB 佈局與製造檔案。支援 AI 輔助電路板草圖、驗證檢查與開放匯出。