Subframe 讓你以視覺化拖放編輯器設計產品畫面,並匯出可直接使用的 React 程式碼與元件,支援 AI 輔助的設計與原型製作。
您是這個應用程式的開發人員嗎?驗證擁有權以管理此列表。
透過 WebCatalog Desktop,在 Mac、Windows 和 Linux 上取得 Subframe 專屬桌面應用程式。
- 直接從 Dock 或工作列啟動 Subframe。
- 在獨立視窗中專心工作,不受干擾,與瀏覽器分頁分開。
- 管理多個 Subframe 帳戶,無需登出即可在它們之間切換。
Subframe 適合想以視覺化方式設計網頁介面,並將設計帶入現有程式碼庫、無須手動重建的產品設計師與前端開發者。它的畫布提供拖放編輯、圖層、版面配置控制項、可重複使用的元件和設計 Token。設計可以匯出為 React 和 Tailwind 程式碼,因此很適合希望 UI 設計能更貼近實際實作的團隊。 Subframe 也將畫布與內建瀏覽器及程式碼代理整合在一起。你可以查看正在執行的應用程式、檢視頁面或將頁面擷取為可編輯的設計、探索 AI 產生的不同版本,接著將核准的變更交給能存取專案檔案的代理處理。它支援 Claude Code 和 Codex 工作流程,也能透過 MCP 連接 Cursor 等代理。Subframe 適用於網頁應用程式、網站和內部工具;雖然搭配 React 的效果最佳,但其瀏覽器與畫布也支援更廣泛的網頁專案。
免責聲明:WebCatalog 與 Subframe 並無任何隸屬、關聯、授權或認可關係,亦不以任何方式與其存在官方連結。所有產品名稱、標誌及品牌均為其各自所有者的財產。


















