Pencil 是一個類似 Figma 的強大前端設計工具，但它更進一步——它是專為 AI 時代設計的。透過 MCP (Model Context Protocol) 協議，Pencil 可以直接與 Antigravity 整合，讓你用自然語言就能生成、修改並預覽精美的網頁介面。
生成的不只是圖片，而是可執行的 HTML/CSS/JavaScript
用對話就能創建和修改設計，無需手動編碼
搭配 nanobanana 關鍵字，自動補全高品質圖片
修改立即生效，像 Figma 一樣拖拉調整元素
許多使用者回報在 Antigravity 的標準「附加元件」選單中搜尋不到 Pencil。這很正常！
原因：MCP 市場更新速度很快，有時索引會暫時消失。
我們採用更穩定的「手動設定」方式來強制掛載 Pencil MCP Server。
這個方法直接修改 MCP 配置文件，確保 Pencil 能夠正確載入。
直接在對話框中告訴 Antigravity：
「請幫我在 Gemini Antigravity 的 MCP 配置文件中，手動新增 Pencil 的 MCP 設定。」
它會幫你更新 .agent/mcp_settings.json 檔案，加入以下配置：
"pencil": {
"name": "Pencil Design Tool",
"command": "npx -y @pencil-dev/core",
"status": "enabled"
}
設定檔更新後，必須讓系統重新載入。請輸入指令：
「請幫我確認 PencilMCP 的狀態」
如果安裝成功，系統會提示你已經掛載 Pencil MCP。
此時 Pencil 通常會要求你進行信箱驗證。
它會給你一個 newpen 代號，請前往你的 Email 收取驗證碼以啟用服務。
驗證完成後，Pencil 就已經準備好了。你可以像指揮設計師一樣指揮它。
試試看這句咒語，讓 AI 幫你做一個室內設計網站：
「在空白的 pen 上使用 pencil 的 mcp 幫我創建一個室內裝修網站的基本架構，網站所需圖片可由 nanobanana 產生，我需要自然優雅的風格設計」
在空白的 pen 上：創建新的設計畫布室內裝修網站：指定網站主題nanobanana：自動生成高品質圖片自然優雅的風格：定義設計風格Pencil 不只能做網頁，還能做仿真的 UI 和互動遊戲！
「在空白的 pen 上幫我設置一個類似 switch 遊戲機的介面長相，裡面有個可以玩的打磚塊遊戲」
創建看起來像真實裝置的 UI（如遊戲機、手機等）
生成可玩的小遊戲（打磚塊、貪食蛇等）
自動適應不同螢幕尺寸的介面
生成的介面不只是圖片，它是活的程式碼。
覺得顏色不對？直接說「把標題改成深藍色」
AI 會立即更新設計
生成的元素位置可以自由移動
視 Antigravity 預覽器支援度而定
搭配 nanobanana 關鍵字
自動補全高品質的佔位圖片
創建的元件可以重複使用
建立設計系統更容易
基本格式：
「在空白的 pen 上 + [動作] + [主題] + [風格要求] + [特殊需求]」