Toolso.AI
Toolso.AI
所有工具分類熱門榜單最新工具價格部落格
Toolso.AI
Toolso.AI

💌訂閱 AI 工具週報

每週精選最新、最熱門的AI工具和行業動態,直達您的信箱 訂閱

Toolso.AI
Toolso.AI

發現最好的AI工具,提升你的工作效率

GitHubGitHubTwitterX (Twitter)YouTubeYouTubeTikTokEmail

熱門分類

  • AI寫作
  • AI影象
  • AI影片
  • AI程式設計
  • 更多分類

探索發現

  • 最新收錄
  • 熱門推薦
  • 更多工具
  • 提交工具
  • 價格

關於

  • 關於我們
  • 聯絡我們
  • 部落格
  • 更新日誌

法律

  • Cookie政策
  • 隱私政策
  • 服務條款
  • 退款政策
© 2026 Toolso.AI 保留所有權利
限時推廣限時推廣加速推廣24h 優先審核 · 無需反鏈 · 30 天推薦展示$29.90到期後 $59.9010月31日後漲價至 $59.90距結束--:--:--立即提交
  1. 首頁
  2. 所有工具
  3. 網站生成器
  4. Studio.Design
Studio.Design介面預覽
Studio.Design標誌

Studio.Design

Studio.Design 是東京 STUDIO Inc. 推出的瀏覽器無程式碼架站工具,整合視覺化設計編輯器、CMS、表單、SEO 設定與代管服務,另有 AI 編輯工具與單獨計費的 AI 網站產生器。

網站生成器設計工具#無程式碼#SEO#設計
免費試用
收藏
訪問次數
瀏覽次數
定價
免費增值
發布日期
2026年10月6日
網域
studio.design
使用者評分

用過這個工具嗎?為它評分

為這個工具評分

Studio.Design 工具資訊

免費試用
工具資訊
收藏
訪問次數
瀏覽次數
定價
免費增值
發布日期
2026年10月6日
網域
studio.design
使用者評分

用過這個工具嗎?為它評分

為這個工具評分

推薦工具

相關工具推薦

免費試用

Studio.Design 是什麼?

Studio.Design(官方頁面寫作 Studio 或 STUDIO)是一款在瀏覽器中執行的無程式碼架站工具:你可以用視覺化方式排版頁面,以內建 CMS 管理內容,再發布到該公司營運的代管服務。官網首頁把它宣傳為把想法化為網站最簡單、最快速的設計工具,不需寫程式,創作完全自由。

產品出自 STUDIO Inc.,其條款列出的通訊地址位於東京都澀谷區惠比壽。一家日本科技媒體報導,該產品於 2018 年 4 月 2 日正式上線,距 2017 年 4 月開放測試版約一年,並指出創辦人包括石井穰與甲斐啟真等人。

日文網站宣稱擁有超過 90 萬名使用者、超過 22 萬個已發布網站,以及超過 3 萬家導入企業(2026 年 10 月 6 日擷取);這些是公司自報的數字,並非獨立統計。英文與日文網站涵蓋的範圍也不同:英文頁面介紹核心架站工具,價格以美元標示;日文頁面另有日圓價格、Enterprise 方案和一長串企業案例。

核心功能

設計編輯器

  • 方塊版面與符號: 透過堆疊方塊建構版面,用畫布上的拖曳控制項調整間距,重複的元素可轉為可重複使用的符號,每個響應式斷點都以視覺化方式自訂,而不是寫 CSS。
  • 團隊編輯: 多人可同時編輯;內容編輯模式讓編輯人員修改文字與圖片而不打亂設計;留言串就在編輯器內。
  • 字型: 英文編輯器頁面宣傳提供超過 900 種字型,不另外收費。日文編輯器頁面給出的數字大得多,超過 9,200 種免費字型,涵蓋 Morisawa(TypeSquare)、Google Fonts、自訂字型與系統字型;兩個官方頁面的說法並不一致。
  • 真實資料與嵌入: 設計可從 Notion 和 Airtable 讀取資料,並透過 iframe 嵌入 Google Maps 或 YouTube 等服務。
  • 範本: 範本商店提供外部設計師製作的免費與付費設計,不需寫程式即可自訂。

CMS、代管、表單與 SEO

  • CMS: 內容支援細到屬性設定的即時協作編輯、應用程式關閉時也會執行的排程發布,以及一鍵匯入 WordPress 內容。
  • 發布: 一鍵就能把設計變成上線網站,不需設定伺服器;每個網站自動取得 SSL,代管頁面宣傳 99.9% 的正常運作時間。
  • 表單: 以拖放方式放置表單並自訂欄位,提交內容可同步到 Google Sheets,也能使用 Google reCAPTCHA 防範垃圾訊息。
  • SEO 設定: 重新導向、自動產生的 XML 網站地圖,以及逐頁設定的標題、描述、網站圖示與 OGP 標籤,和 Google Search Console、Google Tag Manager、Google Analytics 及 HubSpot 的串接設定放在一起。

動態效果與 Figma 匯入

  • Lottie: Lottie 方塊接受 dotLottie 或 Lottie JSON 的 URL,播放方式可設為自動播放、進入可視範圍時開始、滑鼠懸停或點擊時播放,或與捲動、游標位置同步。
  • Figma 轉網站匯入: Figma to STUDIO 外掛程式會把 Figma 中的框架複製到編輯器;Studio 表示匯入的設計會自動轉為響應式,圖片、圖示、字型與顏色也會一併帶入。

編輯器內的 AI 工具

說明中心記載了五項 AI 功能。圖片 AI 依自然語言指示編輯圖片,可選擇用參考圖引導;文字 AI 根據提示詞撰寫或改寫文案,也能翻譯;自動響應式為已完成的桌面版版面套用斷點設定;圖層重新命名會取代通用的圖層名稱;SEO 撰寫輔助則根據頁面上的文字草擬頁面標題與 meta 描述。

Studio.Assistant

Studio.Assistant 是一款 AI 網站產生器,有獨立的付費方案,與設計編輯器分開。它依據你輸入的資訊,產生從網站資訊架構到設計草稿的內容,你再把成果匯出到設計編輯器細修並發布。日文產品頁將它定位為以人在介面中調整產出為前提的工具,並說明它不會像 AI 代理那樣自主完成整個工作流程。

使用指南

匯入 Figma 設計

  1. 在 Figma 中安裝 Figma to STUDIO 外掛程式。
  2. 準備檔案:匯入提示建議使用自動版面配置,並在用於插圖與圖片的圖層名稱開頭加上 <img>。
  3. 選取框架並複製;圖層較多的頁面可以按區塊分段匯入。
  4. 將設計貼到 Studio 編輯器,完成匯入。

用 Studio.Assistant 草擬網站

  1. 建立新專案(或開啟現有專案),然後選擇 Assistant。
  2. 填寫網站概要:名稱、目的、類別、說明、目前的網址與照片搜尋關鍵字。
  3. 用內容類型滑桿設定文字與照片的比例、文案的說服力強弱,以及要產生的頁面數量。
  4. 以 PNG、JPG 或 SVG 格式上傳標誌與圖片素材;網站的主色可以從標誌中擷取。
  5. 選擇「產生設計」。頁面會逐一出現,產生期間現有網站維持唯讀。
  6. 在網站地圖檢視中新增、刪除頁面或調整順序,再匯出到設計編輯器進行細部編輯與發布。

使用情境與範例

  • 單頁網站與作品集: 各付費方案按網站類型定位:Mini 針對單頁網站,Personal 針對作品集,Business 針對新創公司,Business Plus 針對規模擴張期企業。把 Studio 當作到達頁製作工具所建的單一活動頁面,可以放進 Mini 的上限:2 個頁面另加 1 個 404 頁面。
  • 大企業內部的到達頁: 在一則廠商案例中,東日本旅客鐵道公司在其 jreast.co.jp 網域下建立多個到達頁網站,並用工作區控管眾多利害關係人的權限。
  • 整合多個企業網站: 另一則廠商案例的標題是伊藤忠商事把 14 個網站的管理統一到 Studio,並把成本削減 40%。
  • 代理商與業務提案: Studio.Assistant 主打業務人員與總監,用來快速做出多個設計草稿,並在提案仍在討論時以可實際運作的網站形式分享。
  • 搬離 WordPress: 可以從 XML 匯出檔匯入 WordPress 的文章、頁面、分類與標籤,但設計與網站設定不會一起搬過來,因此搬遷後需要檢查頁面結構、設計、CMS 設定、網址與重新導向。

案例成果是客戶自己的說法、由 Studio 發布,並非獨立量測。

適用人群

可能適合

  • 想不寫程式就發布網站的設計師。2018 年上線時,共同創辦人把目標使用者描述為專精設計但缺乏寫程式能力的企業,而不是只想隨便有個網站的個人或小公司。
  • 平面設計師、代理商與 UX 設計師:首頁的客戶故事介紹了一位平面設計師、一家代理商、一位 UX 設計師和一名 UX 設計科系學生。
  • 企業與團隊,特別是在日本。日文 FAQ 建議團隊使用 Business 或 Business Plus,以便管理權限與上線後營運;營運規模更大、有稽核與資安需求或需要個別支援時,則建議 Enterprise。

較不適合

  • 網路商店與會員制網站,它們需要的功能被 Studio 列為不支援。
  • 必須把網站程式碼帶到別處,或要在平板、手機上編輯的人;說明中心對這兩點都予以排除(見「支援平台」與「注意事項」)。

支援平台

  • 在哪裡編輯: 設計編輯器與專案儀表板僅支援桌機版 Google Chrome。不支援其他瀏覽器,也無法在平板或手機上編輯。
  • 網站放在哪裡: Free 方案發布到 studio.site 網址並顯示 Studio 標示;付費專案方案可使用自訂網域。
  • 整合: 日文 FAQ 列出 Google Analytics、Google Tag Manager、Search Console、reCAPTCHA、Meta Pixel 與聊天工具,並補充說沒有直接支援的工具有時可透過 Google Tag Manager 或嵌入程式碼串接。
  • 自訂程式碼: 嵌入方塊接受 HTML、CSS 與 JavaScript,付費方案還能在全站或單一頁面的 head 或 body 區段插入程式碼。
  • 語言: Studio.Assistant 的介面、聊天與產生的文字支援日文和英文。

價格套餐

Studio 依專案而不是依帳號計費:每個專案有各自的訂閱,每個專案只能建立並發布一個網站。以下價格取自 2026 年 10 月 6 日擷取的英文價格頁。

方案年繳(每月)月繳頁面數表單回覆數版本紀錄
Free$0$050方案卡未列出1 天
Mini$5$102 + 404 頁面1005 天
Personal$10$121501,00030 天
Business$25$3530010,000120 天
Business Plus$80$110300包含 Business 全部內容360 天

頁面註明所有金額皆已含適用稅費,並宣傳年繳可省下 20% 以上。表格之外,Personal 加入密碼保護;Business 加入基本權限、不限量分析與重新導向;Business Plus 加入 15,000 個 CMS 項目、進階權限、自訂標頭與活動紀錄。2026 年 7 月的產品更新宣布不設每月訪客數上限。

其他費用與方案

  • 自訂代理附加功能: Business Plus 專案可每月加購 $290,用於在現有網域的子目錄下提供 Studio 頁面,並支援自訂憑證與 301 重新導向。
  • 工作區: 與專案方案分開計費。免費工作區最多容納 3 個專案;Team 年繳為每位成員每月 $14(至少 3 人,即 $42 起),月繳為每位成員 $18($54 起)。
  • 日圓價格: 日文價格頁列出年繳時 Mini 每月 ¥590、Personal ¥1,190、Business ¥3,980、Business Plus ¥9,980,月繳則分別為 ¥1,290、¥1,720、¥5,460 與 ¥12,900,自訂代理每月 ¥39,800。
  • Enterprise: 出現在日文價格頁,本次查看的英文價格頁則沒有;須洽詢,提供不限量頁面與 CMS 項目、99.9% SLA、360 天活動紀錄、IP 位址限制及銀行轉帳付款。
  • Studio.Assistant: 月繳時 Starter 每月 ¥24,800、Pro 每月 ¥99,800,年繳則分別為每月 ¥19,800 與 ¥74,800,皆含稅,且都從 14 天免費試用開始。試用僅適用於首次訂閱,註冊 14 天後自動開始計費。
  • 網域: 日文 FAQ 指出月費只涵蓋網站建置與發布;自訂網域註冊與網路連線費用另計。

計費規則

  • 付款方式為信用卡或簽帳金融卡。
  • 不支援從年繳改為月繳;專案必須先降回 Free,再改訂月繳方案。

Studio.Design 替代方案

  • WordPress: Studio 自家的 FAQ 把差異歸結為維護。WordPress 能透過佈景主題與外掛靈活擴充,但伺服器、更新與資安要由你自行管理;Studio 則把網站建置、CMS、表單、SEO 與代管放在同一個環境中。這是廠商自己的比較,並非獨立比較。
  • Wix、Squarespace 與 Peraichi: 上線時,共同創辦人表示這些架站工具可能與 Studio 構成部分競爭,同一篇報導還指出 Webflow 是 STUDIO 最在意的競爭對手。
  • Framer、Webflow、WebWave 與 Dorik: 一個產品發表平台把它們列為與 Studio.Design 相似的產品。

注意事項

  • 無法匯出程式碼: 無法直接編輯頁面的 HTML,Studio.Design 也不提供匯出網站 HTML 程式碼的方式。
  • 不支援網路商店或會員專屬頁面: 日文 FAQ 把會員專屬頁面與電子商務列為 Studio 不支援的功能。
  • 每個網站一組密碼: Studio 無法為不同瀏覽者設定不同的密碼,只能設定一組全站密碼。
  • 超額表單回覆看不到: 超出方案上限的回覆,在方案升級之前不會出現在儀表板或電子郵件通知中。
  • 降級會取消發布內容: 即使內容超出較低方案的上限,仍可預約降級,但超出上限的 CMS 項目或功能會被取消發布。
  • 不退款: 合約成立後方案不予退款,誤升級也包含在內;自動續訂的方案無法取消或退款。
  • AI 使用上限: AI 功能有執行次數上限,超過後在一段時間內無法使用。
  • Figma 匯入注意事項: 以平板或手機尺寸製作的 Figma 設計會被辨識為桌機尺寸;支援多頁面的頁面模式仍是測試版,可能出現非預期的行為。
  • AI 產生僅限單人: Studio.Assistant 中的作業設計為一次一人;匯出到設計編輯器後恢復正常協作。
  • 支援範圍: 聊天支援涵蓋與 Studio 相關的問題,但不包含第三方服務或設計建議。

隱私與內容權利

  • 資料位置: Studio 執行在位於日本與美國的 Google Cloud Platform 伺服器上,個人資料可能存放在其中任一國家。
  • AI 訓練: 說明中心表示,在 Studio.Assistant 中建立的網站與內容絕不會用於訓練 AI。在本次評測查看的頁面中,沒有找到針對編輯器圖片 AI 與文字 AI 功能的同等聲明。
  • 內容授權: 內容仍歸你所有,但條款授予 STUDIO 不可撤銷、永久、全球範圍的授權,用於提供、改善與推廣服務。
  • 展示: STUDIO 可能在自家網站與行銷素材中展示你的網站。
  • 年齡與準據法: 使用者須達到所在地的成年年齡或取得父母同意,在歐盟最低為 16 歲。對於美國以外的使用者,條款以日本法律為準據法。

FAQ

Q1. 可以匯出 Studio.Design 網站的程式碼嗎?

不行。Studio.Design 不提供 HTML 匯出,也不能直接編輯 HTML。可以透過嵌入方塊加入自訂程式碼,但網站仍代管在 Studio 上。

Q2. 能在 iPad 或手機上編輯 Studio.Design 網站嗎?

不能。編輯需要使用桌上型電腦的 Google Chrome;平板與手機無法用來編輯。

Q3. Studio.Design 是免費的嗎?

有 Free 方案,包含設計工具與最多 50 個頁面,但會顯示 Studio 標示,且只能發布到 studio.site 網址。自訂網域從 Mini 方案開始提供。

Q4. Studio.Design 會用我的內容訓練 AI 嗎?

就 Studio.Assistant 而言,說明中心表示所建立的網站與內容絕不會用於訓練 AI。在查看過的頁面中,沒有找到針對編輯器其他 AI 功能的類似聲明。

Q5. 可以退款嗎?

一般不行。Studio 在購買後不退還方案費用,誤升級也包含在內,因此需要在續訂日之前降級方案,才能避免下一次扣款。

發現類似工具?
如果你知道其他優秀的AI工具,歡迎提交給我們