SVGMaker
用文字生成與修改可編輯 SVG，附 API 與 MCP Server，可直接在 Claude Code、Cursor 裡叫用
SVGMaker 是由美國加州沙加緬度的 GenWave LLC 經營的 AI 向量圖平台，官網寫已服務超過 8 萬名使用者，涵蓋設計、電商與手作族群。它跟一般「AI 生圖再描邊」的工具不太一樣，重點是產出真正可以編輯的 SVG：你輸入文字提示，它生成向量圖；之後還能用自然語言下指令修改，例如「把背景拿掉」「把線條改成藍色」。
功能包含 AI SVG 生成、提示詞編輯、背景與文字移除、顏色重新上色、照片轉 SVG，以及瀏覽器內的進階編輯器（繪圖工具、路徑調整與效果）。內建 Flat、Minimalist、Outline、Isometric 等風格預設。匯出格式很齊：SVG、PDF、EPS、AI、DXF、PNG、JPG、WebP，甚至可以直接輸出 JSX／React 元件。開發者可以用 REST API 批次生成，另外也提供 MCP Server，能在 Claude Code、Cursor 與 VS Code 裡直接呼叫生成圖示。官網表示產出可用於 Figma、Adobe 系列、Cricut、Silhouette 與設計素材市集。
功能特色與適用場景：我覺得它對台灣兩群人最實用。一是前端工程師與做 landing page 的行銷人，開發時缺一組風格統一的 icon，可以在 Cursor 裡透過 MCP 直接生成並輸出成 React 元件，不用切去設計軟體。二是做手作與文創的人：Cricut、Silhouette 這類切割機吃的就是向量檔，DXF 匯出讓貼紙、燙畫、雷切小物的打樣快很多；電商賣家也能做簡單的商品圖示。要注意的是向量生成目前還是比較適合 icon、插畫與簡單圖形，複雜寫實畫面轉出來的路徑會很多；提示詞用英文通常比較穩。價格方案與免費額度到期規則請以官網為準。
TheAI學院 編輯建議
編輯實測後的真心話AI 生圖做到現在，點陣圖已經不稀奇，能直接吐出乾淨 SVG 甚至 React 元件才是設計與工程交界真正缺的東西。MCP 支援這點很加分，我覺得前端團隊會比設計師更快愛上它。
主要功能
- 文字提示生成可編輯的 SVG 向量圖
- 用自然語言指令修改 SVG、重新上色、移除背景與文字
- 照片與截圖轉 SVG
- 匯出 SVG、PDF、EPS、AI、DXF、PNG 與 JSX／React 元件
- REST API 與 MCP Server，可在 Claude Code、Cursor、VS Code 呼叫
- Flat、Minimalist、Outline、Isometric 等風格預設
適用場景
- 前端工程師在 Cursor 中透過 MCP 生成整組風格一致的 icon
- 文創與手作賣家生成 DXF 檔給切割機做貼紙與燙畫
- 行銷人員為 landing page 快速產出扁平風插圖
- 設計師把手繪草圖照片轉成向量再進 Illustrator 精修
SVGMaker 的優點與缺點
優點
- 產出真正可編輯的向量路徑，不是點陣圖
- MCP 與 React 元件匯出，對前端開發流程很順
- DXF 等格式可直接用於 Cricut、Silhouette 切割機
缺點
- 複雜寫實圖像轉向量後路徑繁多，不易後製
- 官網價格細節需登入或另查，免費額度有到期規則
- 中文提示詞效果官網未說明，英文較穩定
價格方案
提供免費額度與付費方案，詳細價格以官網為準
SVGMaker 常見問題
SVGMaker 產出的檔案可以在 Illustrator 或 Figma 編輯嗎？
可以，它輸出的是向量檔，支援 SVG、AI、EPS、PDF 等格式，官網說明可搭配 Figma 與 Adobe 系列使用。
可以在寫程式時直接生成圖示嗎？
可以，官網提供 MCP Server，支援 Claude Code、Cursor 與 VS Code，也能透過 REST API 批次呼叫。
有免費試用嗎？
官網有免費額度與付費方案，額度有到期規定，詳細價格請以官網為準。
使用者評價
還沒有足夠評價，搶先分享你的使用心得！
寫下你的評價
SVGMaker 的替代方案
查看相似的 AI 工具 →相關 AI 工具
猜你也想看的AI 品牌生成
更多美國的 AI 工具
同樣來自美國的 AI 工具，一起看看。