icon of Nordcraft

Nordcraft

開源的視覺化 Web 開發平台,結合整合式 AI Agent 與視覺化編輯器,讓設計師與開發者在保有完全創作掌控的同時享受自動化所帶來的速度。

社群:

Nordcraft preview

產品概覽

Nordcraft 是什麼?

Nordcraft 是一套開源的 Web 開發引擎,將視覺化設計與前端開發整合於同一個協作環境。它結合強大的 AI Agent 與視覺化建構器,讓團隊徹底擺脫設計師與開發者之間傳統的交接流程——雙方可在同一個工具中同步作業。Nordcraft 以 Web 標準為基礎(HTML、CSS,以及 Apache 2 授權的開源 Runtime),不僅避免了廠商綁定,亦可支援從簡單網站到完整 SaaS 應用的各種需求。Nordcraft 2.0 推出深度整合的 AI 助理,官方表示其速度可達 Claude Code 與 Lovable 的 6 倍,同時不會向開發者隱藏底層邏輯。


主要功能

  • 整合式 AI Agent

    基於 Nordcraft 自家文件與 Web 標準訓練的 AI 助理——可在視覺化編輯器中透明地建立專案、實作邏輯、產生與編輯 UI 元素,所有變更皆可被檢視並確認。

  • 完全掌控的視覺化編輯器

    在同一個介面中完成設計與開發,免去樣板程式碼。可精確控制每個像素,建立響應式版面並管理樣式——不必在 Figma 與開發環境之間來回傳遞檔案。

  • Git 風格的版本控制

    內建分支、合併、提交與回滾功能,團隊可在獨立分支上自由實驗,而不必擔心影響正式環境。

  • API 與後端串接

    可在編輯器中直接連接任意 REST API、GraphQL 端點、CMS 或資料庫,並透過內建的 API 與 GraphQL 編輯器以即時資料進行設計。

  • 開源 Runtime,零廠商綁定

    框架與 Runtime 完全開源(Apache 2 授權),程式碼歸你所有,可自行架設或部署到任何環境——不受平台限制。

  • Web Component 匯出與 SSR

    可將建置成果匯出為標準 Web Components,嵌入任何既有網站或框架。內建的伺服器端渲染(SSR)開箱即用,帶來快速載入並利於搜尋引擎索引。


使用案例

  • 設計與開發協作 : 產品團隊得以消除交接摩擦——設計師掌控視覺呈現,工程師建構商業邏輯與後端整合,全部在同一個專案中完成。
  • SaaS 應用開發 : 創辦人與小型團隊無需龐大的前端技術堆疊,即可建構並上線完整的 SaaS 產品,包含身分驗證、動態資料、自訂路由與元件庫。
  • 快速原型製作 : 透過 AI Agent 依提示建立完整原型,再以視覺化方式反覆迭代——大幅縮短從概念到可運作產品的距離。
  • 行銷與企業網站 : 建構高效能、SEO 友善的對外網站,付費方案支援 SSR、自訂網域、meta 標籤、sitemap 與 PWA。
  • 元件與套件開發 : 建構可重複使用的 UI 元件並以社群套件形式發佈,或安裝其他開發者的套件,即時擴充平台功能。

常見問題

Nordcraft 的替代方案

🚀

Nordcraft 網站分析