Onlook

Onlook 這一年轉了方向。它早期在 GitHub 上的定位是「開源版的 Bolt.new、Lovable、v0」，用 AI 生出 Next.js＋Tailwind 網站再視覺化編輯；現在官網的說法變成「a free, local-first editor where designers craft exceptional experiences in code」，主打給設計師用的本機程式碼編輯器。GitHub README 也寫明，原本那個網頁版視覺編輯器是 Onlook 的起點，團隊正在做的新代管產品採候補名單制。儲存庫採 Apache 2.0 授權，星數剛突破 2.7 萬。

功能特色與適用場景：新版 Onlook 是 macOS 桌面 App。把它指向一個程式碼儲存庫，開發伺服器會自己跑起來，畫布上的每個框都是正在執行的真實頁面，而不是一張設計圖。官網的說法是「the canvas is the app」：設計師直接在產品上改，不會出現設計稿與上線版本對不起來的問題。同一個想法可以在畫布上做好幾個變化版本，每個探索各開一個 git 分支，喜歡的再合併；tokens、元件與樣式可以視覺化調整，也能把截圖或情緒板放在旁邊引導 AI。AI 的部分不自己賣模型，而是直接執行 Claude Code 與 Codex，用你現有的 Claude 或 ChatGPT 訂閱，Cursor、OpenCode 等官網標示即將支援。框架方面列出 Next.js、React、Vite、Storybook、shadcn/ui，交付時分享一個分支或成品連結，工程師用平常的程式碼審查流程合併就好，沒有專屬檔案格式。

給台灣使用者的建議：Onlook 適合的是已經有程式碼庫、想讓設計師直接參與實作的產品團隊，例如用 Next.js 與 shadcn/ui 的新創。對設計師來說有一點門檻，至少要懂 git 分支與 pull request 的概念；對工程師而言，好處是設計師的修改直接是可審查的程式碼。目前桌面版只有 macOS，用 Windows 的設計師要等。如果你要的是從零生出一個網站，Onlook 現在不是最直接的選擇，Lovable 或 v0 比較快；想找功能相近、也走「設計畫布＋程式代理」路線的工具，可以一起比較 Subframe。