TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南
TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南

Frame0 是 99 美元買斷的手繪風線框圖工具,支援 macOS、Windows、Linux,內建 AI Agent 與 MCP 伺服器。實測確認免費版可無限期使用,但匯出的圖片與 PDF 都會被 TRIALMODE 浮水印蓋章;引擎採用開源 dgmjs、檔案為明文 JSON、程式碼層零遙測,血統比一般閉源軟體透明。
用 AI 摘要這篇文章:
先講結論。Frame0 值得現在就裝:免費版沒有天數限制,繪圖功能全開,macOS、Windows、Linux 都有安裝檔。但要把圖交給別人的那一刻,你會撞上它的收費牆,我實際匯出一張圖,畫面上鋪滿了 TRIALMODE 字樣的浮水印。這道牆的位置很精準:自己看圖免費,交付要錢。
所以答案取決於你畫線框圖給誰看。自己畫草圖思考、團隊內部丟著討論,免費版就夠,頂多每次開啟要按一次略過授權提醒。要把圖放進提案文件、寄給客戶、放進簡報,那就得面對 99 美元的買斷授權。對照它的頭號對手 Balsamiq 已經改成年繳 192 美元的訂閱制,這筆錢其實不貴,但買之前有三個風險要算進去,本文最後一節會攤開。
以下全部內容來自我在 macOS 上實際下載、安裝、操作與拆解安裝包的紀錄,查核時間為 2026 年 10 月初。
Frame0 官網把自己定位成 Balsamiq 的替代品,口號就寫在首頁標題上。它做的事情很單純:畫低擬真線框圖,那種刻意歪歪扭扭、像鉛筆草稿的介面示意圖。這種粗糙不是缺陷,是功能。畫草圖的目的在快速驗證想法,一旦工具給你圓角、漸層、陰影,你就會開始浪費時間調外觀。
我從官網下載了 macOS 的 ARM 版安裝檔,大小 137 MB,解開後整個應用程式佔 439 MB。簽名驗證過關:開發者憑證登記為 MKLabs Co.,Ltd,通過 Apple 公證,系統不會跳未知開發者警告。系統需求 macOS 15 以上,Windows 要 10 以上,Linux 提供 Ubuntu 與 Fedora 的套件,但只有 x64 版本,樹莓派之類的 ARM 機器裝不了。
第一次啟動,畫面中央跳出授權對話框,標題列同時掛上 trial mode 標籤。對話框的措辭很直白:你正在試用模式,要解鎖進階功能需輸入購買的授權碼。按 Continue 略過就能進編輯器,之後每次重開應用程式都會再跳一次,這是免費版的小摩擦,不算痛,但存在。

編輯器本身的完成度比我想像中高。左側是形狀庫,分類從 Phone、Tablet、Desktop、Browser 到 Watch、TV,連 Modal、Dialog、Popover 這類介面狀態都做成了現成元件。上方工具列的快捷鍵排得很整齊:R 矩形、O 橢圓、T 文字、L 直線、C 連接線,最後兩個是 F 自由筆與 G 螢光筆,這兩支筆是手繪感的靈魂,等等會講。

我在畫布上拖了一個矩形,出來的東西讓我確認了它的渲染路線:邊框是刻意抖動的線條,四個角不完全對齊,填滿預設的斜線陰影。這不是醜化,是向紙筆草稿靠攏的視覺語言,跟 Excalidraw 走的是同一條路,只是 Frame0 的元件庫更偏向應用程式介面,多了裝置外框與畫面狀態這類現代 App 會用到的元素。
圖表功能也要分兩半看。流程圖是內建形狀庫的一部分,免費版直接用;實體關係圖與兩種 UML 圖(使用案例、類別)則放在官方的線上元件庫 registry 裡,而元件庫正是 FAQ 明載的付費功能。我在安裝包裡確認了這個切分:內建的形狀庫檔案只有介面元件與流程圖兩群,ERD 與 UML 的定義只存在於線上下載來源。想免費畫資料庫關聯圖的人這裡會碰壁。
草稿感也不只靠抖動線條,字體是另一半工程。我拆安裝包時把隨附的字型檔全部列出來:手繪風的 Loranthus、手寫風的 Jojoba,加上一套 RedactedScript,後者是線框圖圈的老朋友,它把文字直接渲染成一條條墨線,版面看起來有字,讀的人卻不會被內容分心,因為草圖階段文案本來就不該被認真讀。一般正式字體也內建了 Inter、IBM Plex Mono、Source Serif Pro 三個家族,其中 Inter 一次附了十八個字重變體檔,九種字重各配斜體。字型可以在設定頁指定為預設,介面元素的示例文字也支援自動填入假文,這些小地方加起來,就是它畫出來的圖比一般白板工具更像一張認真的草圖。
免費版能畫、能存、能開新文件,試用沒有天數限制,官網 FAQ 白紙黑字寫著商用也行。真正的邊界只有一條:匯出帶浮水印。
我畫了那個矩形之後按 Cmd+E 叫出匯出視窗。格式有 PNG、JPEG、WebP、SVG 四種,倍率 1x 或 2x,可以調邊距、決定要不要填背景色。我把結果複製出來檢查,矩形本身乾淨,但整張圖鋪滿了 TRIALMODE 字樣的重複浮水印,橫豎成列地蓋滿畫面,躲不掉。匯出 PDF 也一樣,官方定價頁明載圖片、PDF、HTML 三種輸出都會加浮水印。


出於工程好奇,我翻了它的程式碼確認這個浮水印的實作:圖片版用十六像素的 Inter 字體、PDF 版用十像素,兩條路徑都以 0.15 的不透明度平鋪,大概是想同時達到蓋章與不至於太刺眼。有授權的帳號這段程式碼直接跳過,所以付費版的輸出是乾淨的。
除了浮水印,免費版還缺兩樣東西:範本庫與元件庫。範本庫我實際點過,裡面有十一款現成版面,登入頁、定價頁、儀表板、AI 對話頁都有,但在免費版點下去沒有反應,也不會跳提示告訴你這是付費功能。這個設計有點微妙,介面上看不到鎖頭,你要自己試出邊界在哪。第一次遇到的人大概會以為軟體壞了。
所以免費版的真實樣貌是:一個可以無限期使用的完整繪圖軟體,加上一個會在所有輸出上蓋章的匯出鍵。自己用很好,拿出去不行。
畫完圖還有一個動作值得知道:展示。工具列上有個開始簡報的按鈕,快捷鍵 Cmd 加 Enter。照官方文件的說法,把畫面之間用連結串起來之後,可以直接進入點擊式的原型展示模式,一頁一頁點著走,像操作真的 App 一樣把流程講給同事或客戶看。線框圖工具做到展示這一步,等於把使用場景從畫圖延伸到溝通,對需要快速驗證流程的人是實際的加分。這段流程我沒有完整串過多頁展示,操作細節以官方文件為準。
Balsamiq 是這個品類從 2008 年做到今天的老名字,Frame0 官網直接把自己掛在它旁邊。我抓了兩邊的定價頁來對。
Balsamiq 雲端版現在是訂閱制,個人方案一個月 16 美元,年繳 192 美元。Frame0 是買斷制,單機授權 99 美元(未稅),兩機 159 美元,團隊每人 79 美元。第一年帳面差距已經很清楚:訂閱一年的錢,比 Frame0 兩台機器的買斷價還貴。第三年之後,Balsamiq 每年都要再繳,Frame0 不用。
但買斷制有自己的細字。Frame0 的授權是永久的,但只涵蓋你買的那個大版本,將來升級 2.0 要再付一次,這點寫在 FAQ 裡。十四天內可以退款。授權綁裝置數,換電腦要去授權管理員把舊機註銷。這些條款在買斷制軟體裡算合理。習慣了訂閱制永遠最新版的人,要知道你買的是 1.x,不是終身保證。
兩邊還有兩個結構性差異。Balsamiq 雲端版跑在瀏覽器裡,內建多人協作專案與評論,這是 Frame0 沒有的,Frame0 是純桌面軟體,文件存在自己電腦上。反過來,Frame0 離線完全可用,資料不出機器,這對接案工作者與在意版權流動的團隊是真實的差異。另外 Frame0 還上了 Setapp,已經訂 Setapp 的人通常可以直接用它。
Frame0 本體是閉源商業軟體,但我在安裝包裡看到的東西讓我對它的透明度加了分。
第一層是引擎。Frame0 的繪圖核心建立在開源專案 dgmjs 上,這個專案在 GitHub 上有一千六百多顆星,採 GPL 第三版授權,我查核時最近一次更新是 2026 年 9 月,還活著。更有意思的是,dgmjs 在 npm 上的維護者,與 Frame0 官方 MCP 套件背後的 GitHub 帳號對得起來,開發者應是同一人。這代表什麼?Frame0 不是拿別人的開源引擎包一層來賣,而是開發者把自家的引擎開源、再把商業產品蓋在上面。引擎壞了社群能修,產品死了引擎還在。
第二層是圖示。圖示面板裡的搜尋、分類都標了一行 Powered by Lucide Icons,內嵌的是 Lucide 0.525.0 版。官網宣稱收錄一千五百多個圖示,內嵌的 Lucide 版本整包宣告有三千二百多個,實際開放多少我沒有逐頁捲動去數,但日常介面示意圖夠用是肯定的。
第三層是檔案格式。我把安裝包裡內建的範本檔拆開來看,Frame0 的文件副檔名是 .f0,內容是明文 JSON,文件樹、頁面、形狀、座標全部可以直接讀。這件事的意義在於你的稿子不會被鎖死在軟體裡,就算哪天產品停更,檔案本身是開放的,別的工具要寫個轉換器並不難。對買斷制軟體來說,這是最實在的保險。
順帶一提遙測。我把主程式與介面層的程式碼全部掃過:主程式對外只有兩個端點,授權驗證的 API 與下載更新的伺服器;介面層另外會抓線上元件庫清單與 AI 供應商名單,AI 功能則只在填了金鑰後連你指定的供應商。整包程式碼掃不到任何統計或分析 SDK。離線優先寫在程式碼層,不是行銷文案裡的一句口號,核心的畫圖與存檔斷網照用,線上元件庫與 AI 是例外。
Frame0 在 1.1.0 版加入了 AI Agent,官方文件說它有兩種用法。
第一種是內建 Agent。在設定頁填入你自己的模型供應商 API 金鑰,官方文件列了 OpenAI、Anthropic、Google、xAI 四家,程式碼裡另有一個自訂供應商欄位,限定 OpenAI 相容的 API 端點。然後在側欄切到 Agent 視窗,用文字描述畫面,例如官方給的範例是幫一款仿 Instagram 的 App 一次生成所有頁面,或針對單一登入頁下指令,也可以貼一張參考圖讓它照著畫。生成之後還能用文字改稿,加社群登入按鈕、把表情符號換成圖示、設定頁面連結,甚至反向從線框圖生成 HTML 加 Tailwind CSS。
第二種是 MCP(Model Context Protocol)伺服器。官方提供了一個開源的 frame0-mcp-server 套件,讓 Claude Desktop 或 Cursor 這類支援 MCP 的桌面 AI 工具直接操作 Frame0 畫圖。這條路一樣走你自己的 AI 帳號。
這裡要誠實交代我的查證邊界:AI 功能我沒有實際跑。內建 Agent 需要填 API 金鑰,官方把這件事標為實驗性功能,我沒有替讀者燒這筆 token 預算,所以生成品質、速度、成本都不替它背書。但自帶金鑰(BYOK)這個設計本身值得肯定,工具商不當 AI 中間商抽一層,你的金鑰留在本機設定裡,費用與資料流向都在自己手上。對照有些工具把 AI 包進訂閱費再限制用量,這種把成本講清楚的做法反而少見。
講完優點,三個風險要攤開。都不是致命傷,但都會影響你 99 美元花得值不值。
最老的訊號是產品還掛著 BETA 標籤。正式版 1.0.0 在 2025 年 8 月發布,之後五個月連發九個版本(含四個修補版),節奏很勤。但 1.5.0 之後就出現過三個半月的空窗,最新的 1.7.0 停在 2026 年 6 月中,我查核時又已三個多月沒有新版,官網首頁的促銷橫幅還掛著 2025 年黑色星期五的折扣碼。更新放緩可能是做大事前的沉潛,也可能是一人公司精力分配的訊號,現在的證據無法分辨,但買斷制買的就是未來,這個趨勢要放在天平上。
再來看開發商。登記主體 MKLabs Co.,Ltd 背後的公開身份,是同時維護 dgmjs 引擎的獨立開發者。單人開發不是品質問題,dgmjs 的活躍度證明這個人持續在寫程式,而是壽命風險:萬一哪天不做了,買斷的錢就是沉沒成本。緩解因素是前面講過的,引擎開源、檔案開放,最壞情況你的稿子搬得走。
最後一個風險藏在價格結構裡:免費試用到付費之間沒有中間帶。沒有教育折扣頁面,沒有按月授權,沒有去浮水印的單次匯出購買。要嘛接受浮水印,要嘛一次付 99 美元。如果你的使用情境是偶爾交一張圖,這個斷層會讓你重新考慮訂閱制的按月彈性,反正 Balsamiq 一個月也才 16 美元。
整理成三行。
你畫圖給自己看、給同事看,截螢幕貼進通訊軟體就能溝通:裝免費版,它是一個不用錢、無限期、功能完整的桌面線框圖工具,這個組合在市面上找不到第二個。
你要把線框圖放進正式交付物:買。99 美元一次付清,對比 Balsamiq 年繳 192 美元,第一年就省下 93 美元,之後每一年都是賺的,而且檔案在你自己手裡。
你想要 AI 自動生成整組畫面:再等等,或自己先試。AI 面是實驗性功能加上自帶金鑰,官方展示的範例很漂亮,但我的查證停在程式碼與文件層,沒有實際生成證據。這一塊留給願意花 token 的人先踩。
最後一個提醒:如果你本來就在找手繪風白板畫架構圖、流程圖,而不是應用程式介面,Excalidraw 或 Drawnix 這類開源選項可能更貼近你的需求。Frame0 的差異化在它對介面設計這件事的專注,裝置外框、畫面狀態、範本版面都是為了畫 App 草圖而生的。工具挑對場景,比挑對功能更重要。