Onlook AI 是一款開源、免費、本地優先的 AI 輔助可視化程式碼編輯器,核心在於彌合設計與開發的鴻溝。它允許使用者透過拖放設計與自然語言指令,直接生成與編輯 React 與 Tailwind CSS 程式碼,快速構建可直接投入生產的網頁介面與應用。
Onlook AI 專為 React 應用程式優化,尤其完美適配 Next.js 與 Tailwind CSS 技術棧。它直接編輯專案原始碼並保持同步,目前主要專注於對此技術棧的支援。
Onlook AI 提供免費開源的版本,您可以自行從 GitHub 複製倉庫進行本地部署與使用。此外,也提供需聯繫團隊的雲端托管版本。
Onlook AI 採用本地優先架構,所有編輯與 AI 處理操作均在本地環境中執行,程式碼無需上傳至雲端,從而確保資料的絕對隱私、安全與自主控制權。
可以。Onlook AI 支援自本地或 GitHub 導入現有的 React 專案,並能無縫整合至您的開發流程,支援熱重載,方便您對現有專案進行可視化編輯與迭代。
非常適合。Onlook AI 定位為「設計師的開發者工具」,透過直覺的拖放介面與自然語言描述生成程式碼,降低了編碼門檻,使設計師在不需要深厚程式設計知識的情況下參與開發。
支援。Onlook AI 提供多位成員實時協同編輯、評論功能,以及版本歷史與檢查點功能,方便團隊共同進行介面設計與程式碼開發。

OpenCode AI 是一個開源、終端原生的 AI 編程代理平臺,協助開發者直接在命令列介面中取得程式碼生成、除錯、重構等智慧輔助,提升開發效率與專注度。
風幀AI是一款基於Tailwind CSS的AI可視化編輯器,透過AI輔助設計、拖拽編輯和豐富模板,協助開發者與設計師快速構建響應式網頁介面並導出生產就緒的程式碼。

v0 AI 是由 Vercel 推出的 AI 驅動開發工具,透過自然語言或圖像輸入,快速產生 Web 應用、網站與 UI 元件的程式碼,協助開發者提升原型設計與開發效率。
CodeRocket AI 是一款基於人工智慧的 Tailwind CSS 元件與網站生成平台,協助前端開發者與設計師透過文字或圖像描述,快速生成生產就緒的響應式程式碼,極大提升原型設計與開發效率。

Locofy AI 是一個利用人工智慧將設計稿自動轉換為可投入生產的前端程式碼的平台,旨在加速網頁與行動應用開發流程,提升團隊協作效率。
Reweb AI 是一款面向開發者的 AI 驅動可視化低程式碼平台,專注於快速生成與客製化基於 Next.js 與 Tailwind CSS 的現代網站介面。它可透過文字提示、上傳圖片或匯入 Figma 產生 UI,並提供可視化編輯與高品質程式碼匯出功能,幫助提升前端原型設計與開發效率。

HeroUI Chat 是一款基於 AI 的線上程式碼生成工具,透過文字描述或設計截圖,能快速產出可直接投入生產環境的 React 元件程式碼,顯著提升前端開發效率。
Polymet AI 是一款由人工智慧驅動的產品設計與原型工具,透過文字、圖像或草圖輸入,協助使用者快速建立介面設計與互動式原型,並可產生前端程式碼,協助設計師、產品經理與開發人員簡化設計流程,加速產品從創意到實現的迭代。

OpenBolt AI 是一個 AI 驅動的全端 Web 應用開發平台,允許用戶透過自然語言描述快速生成、客製化與部署包含前端、後端及資料庫的完整應用程式碼,旨在為開發者、創業者及團隊簡化原型驗證與 MVP 架構流程。

Quest AI 是一款由 CodeSandbox 推出的 AI 驅動編程工具,專注於將 Figma、Adobe XD 等設計稿或手稿截圖自動轉換為高品質、可擴展的 React 前端程式碼。它旨在簡化設計到開發的流程,協助前端開發者、設計師與產品團隊提升協作效率,快速構建原型或生產級應用。