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.9012月31日後漲價至 $59.90距結束--:--:--立即提交
  1. 首頁
  2. 所有工具
  3. 協作工具
  4. Uizard
Uizard介面預覽
Uizard標誌

Uizard

Uizard 結合 AI 介面設計、視覺編輯與瀏覽器預覽,讓團隊討論畫面與互動。不同方案在交付、用量與資料使用上各有條件。

協作工具設計工具#團隊協作#原型線框#原型驗證
查看定價
收藏
訪問次數
瀏覽次數
定價
付費
發布日期
2026年11月12日
網域
uizard.io
使用者評分

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

為這個工具評分
查看定價

Uizard 工具資訊

查看定價
工具資訊
收藏
訪問次數
瀏覽次數
定價
付費
發布日期
2026年11月12日
網域
uizard.io
使用者評分

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

為這個工具評分

推薦工具

相關工具推薦

首頁工具榜單相似工具

Uizard 是什麼?

Uizard 是用來製作可編輯 App 和網站模型的 AI 介面設計平台。產品構想可以從文字、既有截圖或手繪線框開始,再透過視覺化環境逐步調整設計。

它的產出主要供設計與討論使用,並非完整應用程式的交付品。互動原型可以在瀏覽器呈現預想的畫面跳轉;匯出的圖片、PDF 或元件程式碼片段,則適合不同的交付需求。方案會影響 AI 額度、專案數量和元件程式碼存取權限。

核心功能

產生與調整設計

Autodesigner 2.0 結合對話介面與拖放編輯器。Uizard 描述的功能包括依提示產生單一畫面或多畫面的互動原型,也能選取一個或一組元件,再用文字說明希望進行的修改。使用者也可透過文字產生主題,改變專案的整體視覺方向。

從視覺素材開始

  • 截圖掃描器: 網站或 App 截圖可轉成可編輯設計。文件列出 JPG、PNG 和 HEIC 輸入格式,轉換後可再修改文字、顏色與圖片。各方案都能使用此功能,但有額度限制。
  • 線框掃描器: 手繪線框可轉成可編輯原型。用平板繪製的草圖也可另存成圖片或截圖後上傳;支援 PNG、JPEG 和 HEIC。
  • 線框模式: 產品團隊頁面描述了在專案的低擬真與高擬真檢視之間切換。討論者因此可以選擇需要的視覺細節,這不代表設計已成為可運作的服務。

截圖掃描器一次處理一張截圖,不提供批次掃描。疑難排解指南也說明,掃描器不支援表格,字型、位置或圖片與原圖可能有落差,需要手動調整。這些是轉換工作的具體限制,並非對每張截圖準確度的量測。

檢視互動流程

預覽互動專案時,首頁是第一個顯示的畫面。預覽模式透過已設定互動的元件導覽;單純開啟預覽不會建立缺少的連結。預覽中的總覽控制可一起顯示整個專案、縮放、切換互動顯示,並支援新增或解決評論。

使用指南

從截圖建立畫面

在現有專案中建立畫面時,Uizard 文件列出透過 AI 助理完成截圖轉原型的步驟:

  1. 將網站或 App 畫面截成 JPG、PNG 或 HEIC,再開啟專案。
  2. 開啟 How can I help you?,選擇 Generate a screen,接著選 Screenshot。
  3. 選擇畫面類型,點擊或拖曳圖片到上傳區域。
  4. 選擇 Use in design,或先修改結果再接受。

截圖須逐張上傳。廠商建議截取手機 App 畫面時移除裝置外框,以取得較好的轉換結果。

設定與檢查預覽

可點擊的流程仰賴元件和畫面之間的連結。Uizard 描述了選取元件、把互動箭頭拖向目標畫面的做法。完成連線後,文件列出的預覽步驟如下:

  1. 開啟預定起始畫面標題旁的三點選單,選 Set as home screen。
  2. 點選專案右上方的 Preview。
  3. 點擊已設定互動的元件,沿連線進入其他畫面。
  4. 開啟 Overview,縮放專案、切換互動顯示,並在整個專案新增或解決評論。

預覽另有回到首頁、返回上一畫面和全螢幕檢視的控制。

匯出畫面或元件

交付成果可以是多張畫面圖片,也可以是元件層級的程式碼參考。文件以 Handoff Mode 進行視覺匯出:

  1. 選取要匯出的畫面。說明文件以 CMD + A 或 CTRL + A 選取整個專案的畫面。
  2. 在右側選單開啟 Handoff Mode。
  3. 選 PDF、JPG、SVG 或 PNG,以及 1x 到 4x 的比例;PNG 設定也有透明背景開關。
  4. 在 Preview 檢查選取的頁面,再選 Export。

也可以個別選取畫面或元件匯出;每個選取項目會存成各自的圖片或 PDF 檔。

關於元件交付,Pro、Business 和 Enterprise 訂閱者每次可檢查一個選取的元件。CSS 可以複製;React 可以複製,或下載成單一元件檔。同一份指南說明,整個專案無法匯出為 HTML、JavaScript 或 script;目前可下載的程式碼是個別 React 元件。

Uizard 使用情境

產品工作坊

紙上或白板草圖可透過線框掃描器成為數位畫面的起點。Uizard 面向產品團隊的資料提到即時共享工作,以及與使用者或利害關係人測試原型;視覺起點因此可以繼續進入評閱,不只是一張獨立草圖。

設計與交付討論

Uizard 將編輯器定位為建立畫面、完善拋棄式原型的工具,對象也包括開發者。共享預覽能向產品團隊表達預想的導覽流程,評論則讓大家討論單一畫面或專案總覽。

適用人群

產品經理與團隊

Uizard 介紹產品團隊可使用可編輯截圖、文字生成模型和即時協作。同一資料也描述與使用者和利害關係人測試原型,因此團隊可在工程開發之前,先共同討論一份設計。

參與評閱的人不一定都要編輯。定價頁宣傳無限免費的檢視者與評論者,而付費訂閱以 Creator 編輯席位計價。少數人修改、多數人查看或評論時,這項區別會影響團隊成本。

開發者與設計協作者

開發者資料介紹以拖放編輯器製作拋棄式原型,並與團隊分享構想。支援的付費方案可提供所選元件的 React 或 CSS 參考,但平台匯出指南只允許下載個別 React 元件程式碼。

支援平台

Uizard 的互動預覽在瀏覽器中檢視,需要網路連線。說明中心不正式支援在 iPad 或行動裝置上編輯,並稱這些裝置的功能可能受限。設計手機 App 畫面,不等於保證編輯器本身支援手機或平板。

將 Figma 設計帶入 Uizard

Uizard 記錄了一項外掛流程:從 Figma 複製選取的元件,再貼到 Uizard。這是導入 Uizard 編輯器的路徑;能匯入元件,不代表之後可反向匯出完整來源專案並保留所有可編輯結構。

另一條路徑是以 1x 將 Figma 的單一畫面匯出為 PNG 或 JPG,再透過 import from screenshot 上傳。說明頁表示,專案畫面必須逐張上傳。

價格套餐

以下是 2026 年 11 月 12 日顯示的 Uizard 價格。定價頁付費卡片顯示的每月金額採年繳;訂閱說明以每個 Creator 席位描述付費價格,條款則稱價格、費用和退款以美元結算。

方案顯示價格AI 額度與專案存取卡片其他內容
Free$0每月 3 次 AI 生成;Autodesigner 1.5;2 個專案10 個免費範本;無限免費檢視者與評論者
Pro每月 $12,年繳每月 500 次 AI 生成;Autodesigner 2.0;最多 100 個專案React/CSS 交付、私人專案及全部範本
Business每月 $39,年繳每月 5,000 次 AI 生成;無限專案包含 Pro、較快生成、自訂品牌套件及優先支援
Enterprise客製價格,年繳無限 AI 生成及團隊包含 Business、設計系統設定、AI 資料 SLA、客製帳單和入門服務

說明頁另列 Pro 月繳:每個 Creator 每月 $19;Business 僅列年繳。說明範例中的 Creator 是付費編輯席位,定價頁另宣傳免費檢視者與評論者,因此不應自動將 Creator 席位價格套到每位檢視者。

兩份官方表格的功能額度

定價比較表與訂閱說明對多項工具的 Business 數字不一致。定價比較表分別將每月截圖掃描及線框/草圖掃描列為 Free 3 次、Pro 500 次、Business 5,000 次、Enterprise 無限次。文字助理和圖片助理各自也採相同四檔月額:Free 3、Pro 500、Business 5,000、Enterprise 無限。

訂閱說明表則把截圖與線框掃描、文字助理和圖片助理列為 Free 每月 3 次、Pro 500 次、Business 無限次。它另列依 URL 產生主題的 Free、Pro、Business 同一組數字。定價比較表的主題列指主題與品牌套件,兩列名稱並不相同,不應強行視為完全一致的指標。核對的頁面未解釋不同 Business 數字之間的關係。

FAQ 表示,目前無法查看 Autodesigner、截圖掃描器和線框掃描器已使用或剩餘的 AI 生成次數。

續訂、取消與退款

條款表示,除非變更或取消,訂閱會依最初選定期限的相同長度持續續訂。取消說明表示取消在帳單週期結束時生效,而非立即生效。

取消 Pro 後,說明頁表示組織會轉為 Free,僅前兩個專案、每個最多五個畫面仍可存取。其他專案和畫面不會刪除,重新訂閱 Pro 可恢復檢視及編輯先前專案。這是降級後的存取說明;另有終止條款處理協議到期後是否必須保留客戶資料。

公開條款有兩項退款規定。第 5.5 節稱已付款項不退款,包括未使用的服務;第 5.6 節則稱,購買後 14 天內取消並聯絡支援的客戶有權退款。取消指南要求填寫申請表並通知支援,稱符合資格時會啟動退款程序。這裡分別呈現各自的適用範圍;文件沒有解釋兩項合同條款在每個個案如何互相適用。

Uizard 替代方案

已在 Figma 工作的團隊,可以把 Figma Make 當作另一種起點。其設計轉程式碼頁面描述從畫框開始、產生可編輯的功能程式碼,並用內建編輯器檢視或修改。Uizard 記錄的整合方向相反:將元件複製到 Uizard,或匯入畫面圖片;它自己的程式碼匯出限於個別 React 元件。

一篇 2025 年 12 月的親身比較認為,Autodesigner 1.5 的輸出不如 UX Pilot 或 Visily 的輸出精緻,但 Uizard 的手動設計工具比這兩個替代方案更強。此觀察針對受測的 1.5,不能擴大成對 Autodesigner 2.0 的評價;Uizard 的 Pro 卡片列出的是 2.0。

注意事項

原型之外的工作

Uizard 說明資料表示,無法連接後端或資料庫來建立功能完整的應用程式,也表示目前不提供 API 存取。對正在判斷需要視覺原型,還是需要能執行應用資料和行為的平台的團隊而言,這些是產品邊界。

匯出另有限制。指南稱專案圖層與評論不能匯出,PDF 不能保留可點擊互動。瀏覽器預覽仍可能包含已設定的導覽與產品內評論,這些能力不等於下載檔案所包含的內容。

所有權與專案可見性

Uizard 的 FAQ 廣泛表示內容、提示詞與資訊屬於使用者。條款對設計產物的表述較有條件:所有權以使用者擁有或有權使用上傳的圖片、截圖、插圖、字型、圖示及品牌名稱為限。兩者範圍不同,不能據此認定每項上傳素材都可自由使用。

條款不保證自動產生的圖形介面、原型、設計系統、設計檔、程式碼或其他輸出格式獲得著作權保護,也不保證輸出唯一,並將輸出權利描述為非專屬。這是公開合約條款,不是針對特定設計的獨立法律結論。

在組織內,公開專案可由所有團隊成員存取,私人專案僅其擁有者可存取。專案可見性設定與模型訓練是不同問題。

訓練與保留

條款表示 Free 與 Pro 使用者建立並上傳的設計產物,可能用於微調與訓練機器學習模型;對應的 Business 與 Enterprise 產物不用於此目的。Enterprise 客戶可以要求涵蓋資料使用和安全的 SLA。這些是條款中依方案區分的說法,不應籠統斷言每個專案都會或都不會用於訓練。

終止條款表示,取消訂閱且協議期滿後,Uizard 沒有義務維護客戶資料,可以立即刪除,也可依隱私政策做法保留。另一條款表示,客戶可在終止生效日後 30 天內書面要求客戶資料檔;超過期限,公司沒有義務繼續維護或提供。

針對客戶聯絡人,隱私政策表格列出聯絡及公司資料、通訊內容、帳單詳情和信用卡資訊。表格說明個人資料在收集所在年份之後最多保留五年;例如為法律主張抗辯而有需要時,可以保留更久。此範圍只涵蓋表中列出的個人資料類別,不能推斷每個專案檔都保留五年。

FAQ

Q1. 截圖可以變成可編輯的 Uizard 畫面嗎?

可以。截圖掃描器每次接受一張 JPG、PNG 或 HEIC 圖片並產生可編輯畫面;說明頁指出不支援表格。

Q2. Uizard 能把整個 App 匯出成程式碼嗎?

不能。匯出指南將可下載程式碼限於個別 React 元件;付費方案的 Handoff Mode 也可複製 CSS。

Q3. 取消 Pro 後專案會怎樣?

取消指南表示,僅前兩個專案和各自最多五個畫面仍可存取;重新訂閱 Pro 後可恢復存取其他未刪除的專案。

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