Ycode 是一個可視化網站建構器加 CMS：在拖曳編輯器裡設計頁面、用內建資料庫管理內容，不必寫程式就能發佈網站。它與多數同類產品的關鍵差異在於——平台本身自 2026 年起以 MIT 授權開源：你可以把整套系統部署到自己的 Vercel + Supabase 基礎設施上免費自架，也可以選用官方託管的 Ycode Cloud，兩條路線共用同一個編輯器與功能集（來源：官方文件）。官方將其定位為 Webflow、Framer 的替代方案，賣點是「不鎖定」：程式碼、資料和託管都能掌握在自己手中。

Ycode 首頁：開源可視化建站與 CMS

上圖是 Ycode 首頁（2026-09-29 截取）。首屏主標語為 “Visual website builder and CMS, now open source”，版本徽章顯示 1.30.23；下方是編輯器介面截圖，可以看到左側圖層樹、頂部 Desktop/Tablet/Phone 響應式切換，以及右上角的 Human / Agent 切換——後者是內建 AI 代理的入口。

站點速覽

  • 網址：https://www.ycode.com/
  • 類型：開源可視化網站建構器 + CMS（自架或官方 Cloud 託管）
  • 費用：自架免費（MIT 開源）；Ycode Cloud 按專案訂閱，年繳 25/月、月繳25/月、月繳30/月（截至 2026-09-29，來源：定價文件）
  • 註冊要求：瀏覽官網、文件和模板庫無需註冊；建站需註冊（Cloud 在 ycode.com 註冊，自架則在安裝精靈中建立管理員帳號）
  • 介面語言：僅英語（2026-09-29 核查，網站與文件均無多語言版本；但產品本身支援建構多語言網站）
  • 營運方：Ycode, Inc.（美國德拉瓦州公司，來源：服務條款）

站點背景

Ycode 由 Ignas Rubežius 創立——他同時是電子郵件行銷平台 MailerLite 的共同創辦人兼 CEO（來源：Crunchbase、Welcome to the Jungle 的 MailerLite 公司頁）。專案於 2020 年啟動（GitHub 組織建立於 2020 年 5 月，Crunchbase 記錄其自 2020 年 11 月起擔任 Ycode Founder），2021 年 12 月 9 日以「no-code web app builder」身分在 Product Hunt 公開發佈，早期形態是閉源 SaaS，主打可視化設計加內建資料庫。

此後產品經歷了兩次方向性轉變：

  1. 2025 年 6 月導入 AI：Ycode AI 上線，用提示詞生成網站初稿（來源：Product Hunt）。
  2. 2026 年全面轉向開源：2026 年 2 月 24 日公開 GitHub 倉庫，4 月 9 日以「Ycode Open Source——Webflow 的開源替代」再度登上 Product Hunt；7 月 1 日舊的閉源平台（Ycode Legacy）永久關閉，所有活躍專案在此之前被遷移到重新打造的新平台，頁面、元件、CMS 資料、表單、訂閱價格均保留（來源：官方遷移說明）。同月，接入 Claude、OpenAI、Gemini、Grok 的 AI Agents 功能登上 Product Hunt。

因此今天看到的 Ycode 是「老樹新枝」：品牌與產品思路延續自 2021 年的閉源建站工具，但程式碼庫是按開源模式重寫的新專案，迭代非常快——2026 年 8 月底至 9 月底約 5 週內發佈了 20 個版本，截至 2026-09-29 最新版本為 1.30.23（2026-09-28 發佈），倉庫有約 315 個 star、275 個 fork（來源：GitHub API）。

核心能力：編輯器、CMS 與多語言

Ycode 的功能面與 Webflow 一類工具對齊（來源：官方文件目錄）：

  • 可視化編輯器：圖層樹、元件（含變體與變數覆寫）、顏色變數、Google Fonts 與自訂字體、響應式斷點、基於 GSAP 的動畫與互動預設、富文本、滑塊、燈箱、地圖等。
  • 內建 CMS：集合（Collection）與欄位（文字、富文本、數字、日期、資源、引用等）、動態頁面、列表篩選／排序／分頁，無需外接資料庫服務——自架時資料存在你自己的 Supabase 裡。
  • 多語言網站：在地化是一等功能，所有方案（包括自架和免費專案）都不限語言數量。
  • 表單與 SEO：表單建構器與提交管理、SEO meta、自訂 sitemap、重新導向、自訂程式碼注入、密碼保護頁面等。
  • 模板與遷移：/templates 提供官方設計的起步模板（安裝精靈中也可選用）；另有從 Webflow 匯入、Airtable、Figma、Google Maps/Mapbox、MailerLite 等整合應用。

Ycode 模板庫

上圖是模板庫頁面。官方提供部落格、SaaS 著陸頁、作品集等風格的專業模板，可作為專案起點後逐細節可視化修改；模板總量不大，官方未公布數量。

AI 代理與 MCP：把建站開放給 AI

AI 是目前 Ycode 著力最深的方向，且實作方式有別於「平台販售 AI 額度」的常見做法：

  • 編輯器內建 AI Agent：在編輯器右側切換到 Agent 面板，用自然語言讓代理改設計、建元件、維護 CMS 內容。它使用你自己的 API 金鑰（Anthropic、OpenAI、Google Gemini 或 xAI 任選），Ycode 本身不對 AI 用量收費，費用直接與模型廠商結算；金鑰可設為專案共享或僅個人使用。代理的一切修改先落在草稿上，只有人能按下發佈；每個回合的改動可一鍵 Undo（來源：AI Agent 文件）。
  • MCP 伺服器：每個專案內嵌 Model Context Protocol 伺服器（約 130 個工具，與編輯器功能對齊），可以把 Cursor、Claude Desktop、ChatGPT、Windsurf 等外部 AI 用戶端接進來直接建站，支援 OAuth 和 URL token 兩種鑑權方式，權杖可隨時撤銷。

Ycode AI agents 頁面

上圖是官方 AI agents 頁面，展示了 Agent 面板的工作狀態：代理收到「改進 hero 區塊」的指令後，輸出思考過程、變更摘要（觸及的頁面與圖層數），並提供 Undo。

開放能力：API、靜態匯出與備份

作為開源產品，Ycode 在資料和程式碼層面提供了多條出口：

  • REST API：公開 v1 API 涵蓋集合、條目、表單和提交的讀寫，用 API key（Bearer）認證，可做資料同步或外接前端（來源：API 文件）；另有 Webhooks。
  • 靜態 HTML 匯出：把整站（含動態 CMS 頁）匯出為靜態 HTML，寫入本機目錄、Amazon S3 或 GitHub 分支，可託管到任意靜態託管商；附帶命令列工具。目前僅自架版本可用，Cloud 支援標註為「on the way」；匯出暫限預設語言，且捲動、懸停、GSAP 動畫不會出現在靜態產物中（來源：Static HTML Export 文件）。
  • Backup & Restore：專案可在 Cloud 與自架實例之間匯出／匯入，用於更換託管方式（來源：定價文件）。

部署與收費

Ycode 定價：Self-host 與 Cloud 兩檔

現行方案只有兩檔（上圖，截至 2026-09-29，來源：首頁與定價文件）：

  • Self-host：$0。Fork GitHub 倉庫，部署到 Vercel（或其他相容託管），連接 Supabase（雲端免費層或自架實例皆可），透過 /ycode/welcome 安裝精靈完成初始化。功能不設限：無限使用者、頁面、CMS 條目、表單提交、語言，支援自訂網域，社群支援（Discord/GitHub）。代價是你自己承擔 Vercel/Supabase 的帳號與費用，並需要一定的動手能力（Node.js 18+、環境變數設定）。
  • Ycode Cloud：年繳 25/月，月繳25/月，月繳30/月，按專案訂閱。官方全託管，含自動更新、全球 CDN、自訂網域、20,000 筆 CMS 條目上限（其他維度不限量）、社群與郵件支援，帳單經 Stripe 管理。新專案從 Free 狀態起步，可先用完整編輯器搭建；但從未付費的免費專案閒置 7 天會被刪除，免費網站使用 *.ycode.website 子網域——官方明言「免費方案不是託管方案」，正式網站需訂閱。

版權與內容政策

  • 平台程式碼：GitHub 倉庫以 MIT 授權發佈，可自由修改和再散佈。
  • 使用者內容：服務條款聲明 Ycode 對使用者提交的內容（包括網站設計與其原始碼）不主張智慧財產權；使用者需保證擁有所發佈內容的權利。條款列出禁止內容：成人內容、侵害版權的內容、煽動仇恨或暴力的內容、釣魚頁面、傳銷／詐騙類、非法商品與服務等，違規可被終止帳戶（來源：Terms of Use）。
  • 隱私：隱私政策稱資料儲存中心位於歐盟且具 ISO 27001 認證；對客戶資料作為 Controller、對客戶網站終端使用者的資料作為 Processor（GDPR 口徑）；聯絡信箱 info@ycode.com（來源：Privacy Policy）。自架時網站資料完全在你自己的 Supabase 中，不經過 Ycode。

適用場景

  • 想要 Webflow/Framer 式可視化設計體驗，又要求程式碼、資料和託管可自控的團隊與個人；
  • 擔心平台鎖定的長期專案：MIT 程式碼 + 自有 Supabase 資料 + 靜態匯出，退出成本低於閉源 SaaS；
  • 已在使用 Claude、Cursor 等 AI 工具，希望把 AI 直接接進建站流程（自備金鑰、不經平台加價）的使用者；
  • 歐洲業務或對資料駐留敏感的場景：自架可完全掌控資料位置，Cloud 資料存於歐盟。

局限

  • 開源程式碼庫很年輕：倉庫 2026 年 2 月才公開，版本迭代極快（5 週 20 個版本），意味著活力也意味著變動頻繁；生態（模板、第三方外掛、教學）遠小於 Webflow 等成熟平台。
  • 自架門檻不算低：不是單一執行檔或一鍵 Docker，需要分別準備 Vercel 與 Supabase 帳號並設定環境變數，對非技術使用者仍是一道坎。
  • 免費託管有名無實：Cloud 免費專案閒置 7 天即刪除，正式網站必須訂閱或自架。
  • 部分能力仍在補齊：靜態匯出暫不支援 Cloud 與多語言輸出，動畫在靜態匯出中大部失效；Cloud 有 20,000 筆 CMS 條目上限。
  • 介面與文件僅英語。
  • 從 Legacy 遷移的歷史包袱：2026 年 7 月舊平台整體關閉重建，雖然官方稱活躍專案已自動遷移，但這類斷代式重寫對老使用者意味著需要重新驗證自己的網站。

同類參考

  • Webflow / Framer：閉源託管的主流可視化建站工具，生態與模板更成熟，但程式碼與資料不可自控——正是 Ycode 對標的對象（官方維護 /webflow-alternative、/framer-alternative 對比頁）。
  • Webstudio、GrapesJS：同為開源方向的可視化建站專案，可作為自建路線下的橫向比較對象。
  • WordPress（自架）：可控性相當，但不是可視化設計優先的工具，編輯體驗路線不同。

參考資料