Issue toolAI設計工具

圖片來源: MagicPath 官網

MagicPath 是一個以 AI 介面設計與快速原型製作為核心的平台，協助設計師、產品經理與開發者透過文字描述快速生成 UI 介面、網站與 App 原型，並在可互動的畫布中持續修改與迭代，定位為「人與 AI 設計代理共同工作的設計協作空間」。

點擊人數： 83 +

圖片來源: Cursor官方網站

Cursor 是由 Anysphere 開發的 AI 原生程式碼編輯器，基於 VS Code 打造，介面熟悉但把 AI 深度整合進整個開發流程。它能理解整個專案（repo）的程式碼脈絡，不只能寫後端邏輯，也很擅長把介面設計轉換成前端程式碼，可以貼上 Figma 稿、截圖或設計草圖，讓 AI 生成對應的 UI 元件與版面配置，並透過對話持續調整樣式、排版、互動細節。

點擊人數： 75 +

圖片來源: Bass44官方網站

Base44 是一款完全免寫程式碼的 AI App 建構工具，用一般白話描述你想要的產品，AI 就會自動生成完整的 UI 介面、資料庫、使用者驗證與後端邏輯，並提供內建託管，一鍵發布即上線。它把資料庫、登入系統、後台管理全部整合在同一個平台裡，不需要另外串接第三方服務，特別適合新手與小團隊快速做出原型或簡易應用。

點擊人數： 115 +

圖片來源: Loveable官方網站

Lovable 是主打「vibe coding」的 AI 全端應用建構工具，只要用一般白話描述你想要的產品，它就能自動生成完整可運作的應用程式，包含前端介面、後端邏輯、資料庫（整合 Supabase）與使用者驗證，並可一鍵部署上線，還支援上傳 Figma 設計稿或截圖作為參考，讓非工程背景的人也能快速做出 MVP 或產品原型。

點擊人數： 130 +

Builder.io 可以將 Figma 設計轉換成網頁程式碼，並且支持多種框架和樣式。

點擊人數： 7239 +

圖片來源: Relume 官方網站

Relume 是一款 AI 網頁生成工，幫助使用者快速產出網頁地圖以及網站內容。使用者可以在網站地圖模式用拖拉的方式調整網站內容順序，也可以切換到 Wireframe 模式編輯詳細內容。此外，團隊成員也可以透過共編的功能進行同步作業。

點擊人數： 3612 +