Paper 接駁 LM Studio 本地模型：AI 改 UI 同 design tokens 點樣玩

Paper 想做嘅，係畀 AI agent 直接讀寫設計畫布。佢每個元素都用 HTML、CSS 呈現，模型唔使先拆解一堆專有圖層資料，理論上較容易理解版面結構。最吸引嘅玩法係用 Paper Desktop 開 MCP server，再交畀 LM Studio 入面嘅本地模型控制，改文字、調 spacing、砌元件同管理 design tokens 都可以用自然語言落指令。

點樣接駁 LM Studio

先安裝 Paper Desktop，登入後開一個設計檔。官方文件話，只要個檔案保持開啟，app 就會喺 http://127.0.0.1:29979/mcp 啟動本機 MCP server。跟住喺 LM Studio 加呢個 URL 做 MCP 連線，載入一個支援 tool calling 嘅模型，再喺對話介面啟用 Paper 工具。連接成功後，可以先叫模型建立一個紅色長方形；畫布有反應，先再做複雜操作。

呢度有個實際門檻：**本地模型識答問題，但未必可以穩定用到 MCP 工具。**細模型可能揀錯 MCP tool、填錯 node ID，或者改完一層又整爛另一層。Paper 官方都提到，長對話較容易出現工具錯誤，遇到連線正常但 agent 話搵唔到工具，重開 agent session 往往最直接。用本地模型最好由細範圍開始，例如只改已選取嘅按鈕，確認結果後先處理成頁版面。

自然語言改 UI，prompt 要落得夠實

「幫我整靚啲」呢類指令幾乎一定撞彩。較穩陣嘅寫法係講清楚範圍、結構同限制，例如：「只修改已選取卡片；保留文字；改用 16px padding、12px gap、8px 圓角；唔好新增圖片。」Paper MCP 有讀取 selection、節點樹、computed CSS，同埋改文字及 style 嘅工具，所以模型有機會做精準修改，前提係你畀到清楚邊界。

XDA 作者用 Qwen 3.5 9B 做圖示按鈕同冥想 app 配色，佢話第二次收窄視覺要求後效果好過第一次，亦成功建立 29 個 tokens。不過呢啲只係 XDA 作者喺自己硬件同 prompt 下得出嘅結果，唔可以直接當成 Paper 或本地模型嘅固定表現。今次未有獨立、同規格硬件環境重做呢組測試，所以結構準確度、速度同成功率都唔作 TechLab 實測結論。

Design tokens 先係較實用嗰部分

Design tokens 即係替顏色、字級、spacing 同圓角改一個可重用名稱。與其每個按鈕逐個寫色碼，可以共用 color-primary，日後改一次就同步更新。Paper 喺 2026 年 6 月加入 token 功能，官方 build log 顯示 agent 可以由 CSS variables、現有畫布或其他來源建立 tokens，亦可以喺檔案之間複製 theme。

對 freelance designer、前端開發者同細團隊，呢個用途實際過叫 AI 憑空畫成頁 UI。可以先叫模型讀現有 CSS variables，再建立同名 tokens，之後用一兩個元件抽查字級、色值同 spacing 有冇對得上。AI 做重複整理，人手負責視覺判斷同驗收，失控範圍細好多。免費版現時每星期有 100 次 MCP tool calls，複雜修改一次可能拆成多個 calls，試幾輪就可能好快用晒限額。

本地模型唔等於成套嘢離線

LM Studio 官方話模型推理可以留喺本機，prompt 唔使交畀雲端模型供應商，呢點對客戶介面文字、未發布功能名稱同內部 design token 有價值，亦可以減少按 token 收費嘅 API 成本。但 Paper 仍然係 hosted SaaS，唔係開源，亦冇 self-host 版本。 Paper 私隱政策列明服務會處理用戶建立或傳送嘅內容；官方 subprocessor 名單亦包括 Cloudflare、MongoDB、Fly.io，同多間 AI 供應商。

所以較準確嘅講法係：模型推理可以本地跑，唔代表設計檔同帳戶資料完全離開 Paper 嘅系統。涉及保密客戶項目時，團隊仍然要睇合約、資料分類同 Paper 嘅資料處理條款，唔好淨係見到 127.0.0.1 就當成完全離線。MCP 亦有寫入權限，測試最好用副本，唔好一開始就畀 agent 改唯一一份正式設計。

同 Figma、Penpot、雲端 AI 工具有咩分別

Paper 嘅優勢係 HTML、CSS 畫布同雙向 MCP 接得幾直接，設計同前端結構用同一套概念。不過 XDA 原文話 Figma MCP 只讀，呢點截至 2026 年 7 月已經過時：Figma 最新官方文件列明 MCP 可以把原生內容寫返畫布。Paper 而家要贏，靠嘅唔再係「對手寫唔到」，而係介面夠唔夠輕、agent 改 CSS 結構夠唔夠順，同限額有冇吸引力。

Penpot 就行另一條路：佢係開源，可以 self-host，支援 SVG、CSS、HTML、JSON，同樣有 design tokens、Flex、Grid 同 MCP。重視資料控制或想長期掌握部署權，Penpot個定位清楚過 Paper；想快手試 agent 直接改 HTML、CSS 畫布，Paper 設定就較短。至於純雲端 prompt-to-design 工具，通常起稿方便，但模型、用量同資料處理都綁住供應商，本地模型彈性少一截。

價錢同現階段限制

Paper 官方定價頁截至 2026 年 7 月 17 日列出：免費版每星期 100 次 MCP calls；Pro 月費 US$20，每年付款折算每位用戶每月 US$16，限額升至每星期 100 萬次。產品仍處於 open alpha，功能、限額同收費隨時可能變，正式用之前要再睇一次官方頁面。

Paper 最啱先用喺細元件、tokens 同已有結構嘅改版，暫時唔好一開始就交整套產品介面畀 agent。模型本身、VRAM、context 長度、prompt 同畫布結構都會影響結果；連續幾次做到同一任務，仲可以保持 node 結構乾淨，先值得納入日常項目。

參考來源

• XDA Developers — I used this free AI-powered design app with my local LLM, and it's shockingly capable — original report
• Paper MCP Server 文件 — 核對本機 MCP 位址、設定方法、工具能力、故障處理同 design token 用法。
• Paper 定價 — 核對免費版、Pro 價錢同每星期 MCP calls 限額。
• Paper Build Log — 核對 Desktop MCP、design tokens、向量編輯同其他功能嘅推出時間。
• Paper 私隱政策 — 確認 Paper 會處理帳戶資料同用戶建立或傳送嘅內容。
• Paper Subprocessors — 核對 Paper 使用嘅基建、分析同 AI 服務供應商。
• Figma MCP Developer Docs — 確認 Figma MCP 而家支援把原生內容寫返畫布，修正原文已過時嘅比較。
• Penpot GitHub — 核對 Penpot 開源、self-host、開放標準、design tokens 同 MCP 能力。

本文根據原文及公開資料整理；資料有出入時，以原文及官方資料為準。