Same

貼網址或截圖就能重建網頁、用對話打造 Next.js 全端應用的 AI 建站工具,內建終端機並可一鍵部署到 Netlify

免費或付費 4.1 / 5
一句話介紹:貼網址或截圖就能重建網頁、用對話打造 Next.js 全端應用的 AI 建站工具,內建終端機並可一鍵部署到 Netlify

Same(same.new)是一個用聊天方式做網站和 Web App 的 AI 工具,最早因為「貼上任何網址就能複製出幾乎一樣的網頁」而爆紅,現在官網的說法是「Make anything」,定位已經擴大成完整的 AI 全端開發環境,官方文件寫有超過 60 萬名使用者。站上另有一筆 same-dev 是同一個產品,已整併到這一頁。

功能特色與適用場景:建立專案有三種起手式。第一種是貼網址,Same 會實際造訪那個網站並生成一份複製版;第二種是上傳截圖或設計稿,讓它照圖施工;第三種是直接用文字描述需求,或到社群作品集挑一個專案按 Remix 改造。生成之後可以在 App 分頁點選任一元素直接改文字、圖片,也可以用自然語言加功能,例如「驗證失敗時停用按鈕」「點商品就加入購物車」。

技術上,Same 預設用 Next.js 框架,前端是 React,後端用 API routes,主要語言是 TypeScript/JavaScript,所以做出來的是可以帶走的真實程式碼,不是封閉的網站產生器。工作台裡有檔案樹、程式碼編輯器和容器化終端機,可以自己跑 bun install 這類指令。整合方面官方列出 GitHub(版本控制)、Neon 與 Supabase(Postgres 資料庫)、Clerk(會員登入),也能在 MCP Tools 面板接任何 MCP 伺服器。部署是串 Netlify:說一句「Deploy my project」它就會清理程式碼、修錯並上線,產生預覽網址與固定主網址;想用自己的網域,要先把部署「Claim」到自己的 Netlify 帳號再設定。

計費以 token 為單位,算法蠻特別:每次請求的輸入 token 只算 6%,輸出 token 算 100%。免費版每月 50 萬 token,付費分 Basic、Pro、Max、Ultra 四級,月費 10~100 美元。官方建議每個功能開一個新對話、用「@ Add context」只帶需要的檔案,token 會省很多。

給台灣使用者的建議:Same 很適合拿來做活動頁、作品集、內部小工具的原型,也適合想學 Next.js 的人觀察 AI 怎麼組專案。介面是英文,但用中文描述需求可以運作,生成的頁面文字也能指定繁體中文。要提醒的是,「複製網站」功能請只用在參考版型或自己有權利的網站,直接照搬別人的品牌、文案與圖片有著作權風險。訂閱費不退,建議先用免費額度把一個小專案從生成做到部署,確認 token 消耗速度再升級。同類工具可以比較 Lovable、Bolt.new 與 v0。

TheAI學院 編輯建議

編輯實測後的真心話
4.1

Same 從「複製網站」的話題工具長成正經的全端開發環境,產出標準 Next.js 專案這點我很欣賞,代表做完可以帶走。它的 token 計價把輸入只算 6%,對長對話比較友善。只是自訂網域還得繞去 Netlify 處理,對完全不懂技術的人有點門檻。

— theai 編輯團隊

主要功能

  • 貼網址或上傳截圖即可重建網頁,也能用文字描述從零建立
  • 預設 Next.js 全端架構,產出可下載的 React/TypeScript 程式碼
  • 內建程式碼編輯器、檔案樹與容器化終端機,可手動修改
  • 整合 GitHub、Neon、Supabase、Clerk,並可接自訂 MCP 伺服器
  • 一句話部署到 Netlify,可 Claim 到自己的帳號綁定網域

如何使用 Same

  1. 到 same.new 註冊登入,先使用每月 50 萬 token 的免費額度
  2. 貼上參考網址、上傳截圖,或直接用文字描述想做的網站
  3. 在 App 分頁點選元素修改內容,或用對話增加功能
  4. 需要資料庫或會員登入時,連接 Supabase、Neon 或 Clerk
  5. 輸入「Deploy my project」部署到 Netlify,再 Claim 到自己帳號綁網域
  6. 每個新功能開新對話並用 @ Add context 帶入檔案,節省 token

適用場景

  • 行銷人員參考喜歡的網站版型,快速做出活動登陸頁
  • 設計師上傳 Figma 截圖,直接變成可互動的前端頁面
  • 新創團隊串 Supabase 與 Clerk,兩三天做出有會員系統的 MVP
  • 接案者從社群作品 Remix,快速交付客戶的展示原型
  • 想學 Next.js 的工程師觀察 AI 如何拆解並組成全端專案

Same 的優點與缺點

優點

  • 從參考網站或截圖起手,做版型原型非常快
  • 產出的是標準 Next.js 專案,可以下載帶走、接手開發
  • 免費版每月 50 萬 token,足夠先做一個小專案試水溫

缺點

  • 自訂網域必須先把部署轉到自己的 Netlify 帳號
  • 訂閱一律不退費,未用完的 token 也不會累積到下個月
  • 複製他人網站有著作權疑慮,商用前需自行改寫素材

價格方案

免費版每月 50 萬 token;Basic 每月 10 美元(200 萬)、Pro 25 美元(500 萬)、Max 50 美元(1,000 萬)、Ultra 100 美元(2,000 萬,超過後每 200 萬 token 10 美元)。未用完 token 不累積、訂閱不退費。價格以官網為準

Same 常見問題

Same 可以免費用嗎?

可以。免費版每月有 50 萬 token,可以生成、修改並部署專案。需要更多額度時可升級 Basic(每月 10 美元)、Pro(25 美元)、Max(50 美元)或 Ultra(100 美元),訂閱不退費,以官網為準。

Same 做出來的網站可以搬到別的地方嗎?

可以。Same 產出的是標準 Next.js 專案,可以下載程式碼或同步到 GitHub,自行部署到其他主機。但它無法直接轉成 WordPress 佈景主題,官方建議下載程式碼另行部署。

Same 可以做手機 App 嗎?

官方文件說明 Same 是做 Web 應用,不產生原生 App。不過它可以做響應式網頁或 PWA(漸進式網頁應用),在手機瀏覽器上使用起來接近 App。

用 Same 複製別人的網站合法嗎?

技術上可以複製版面,但別人的品牌名稱、文案、圖片與商標仍受著作權與商標法保護。建議只拿來參考排版,把內容換成自己的素材再上線,商用前最好再確認一次授權。

使用者評價

還沒有足夠評價,搶先分享你的使用心得!

寫下你的評價

評論將經審核後公開。

Same 的替代方案

查看相似的 AI 工具 →

相關 AI 工具

猜你也想看的AI 開發者工具

前往官網 ↗