Creative Tool · 2026開發中
Folio
Folio: an embeddable design editor
專精設計編輯器，可內嵌、可給代理操作
Creative Tool · 2026
Folio
專精設計編輯器，可內嵌、可給代理操作
作品集互動展示
依公開 canva2／Folio 指令層走一遍。不是站內 Canva 編輯器。 左右鍵換步驟。畫面依儲存的走查步驟繪製，不是空白計數器。
Folio 示範畫布 · 不是線上編輯器1/5
一句話
畫布、快捷鍵、外部網站橋接、MCP server 與 client 走同一套 typed command layer，沒有第二份文件模型。
來源與證據
GitHub README · canva2 / Folio
完成功能與限制取自公開 README。
https://github.com/aa0968111723-prog/canva2GitHub 公開畫面 · canva2
本站 /media/github-exports/folio/og.jpg 複製自公開 repo public/og.jpg。是分享卡／字標，不是編輯器截圖，不是 Canva 原作。
https://github.com/aa0968111723-prog/canva2光域重建 · Folio editor-shell
本站 /media/studio/folio-editor.svg 依公開 editor-shell.tsx 桌面結構重建。不是操作截圖。
https://github.com/aa0968111723-prog/canva2/blob/main/src/components/editor/editor-shell.tsx
GitHub verified · Demo not_configured · Canva not_configured
問題
海報、社群、投影片與 UI 草稿需要專精編輯器，而且要讓代理用同一套指令操作，而不是另做一套自動化 API。
我的角色
創意工具設計：指令層、設計檢查、發布／內嵌與 MCP 安全邊界。
設計決策
- 未安裝 SDK 的跨來源網站只提供 Live iframe 或 Snapshot，不假裝讀 DOM。
- MCP 寫入預設 dry-run，未發布文件不會出現在公開 /mcp/$id。
- 密鑰只留伺服器；SSRF 拒絕內網、本機與 metadata。
- 本產品預設不開帳號，編輯稿在裝置 IndexedDB。
AI 使用方式 / 多模態
- 畫布
- 設計 token
- 嵌入
- MCP
流程
- 在畫布建立文字／形狀／元件
- 設計檢查（對比、溢出、安全區）
- 可選匯入外部網站三種模式
- 發布後取得 embed 與 MCP
產出
- 公開儲存庫 canva2（Folio 編輯器）
- folio-design-bridge v1 SDK
- 單元與 golden-path 測試紀錄寫在 README（此處不另報使用量）
技術
- TypeScript
- MCP
- IndexedDB
- PGLite / Postgres
限制與尚未完成
- 沒有獨立點陣圖片物件型別，圖片以 pixel layer 或 Snapshot 存在。
- 寫入 token 不會自動過期，需重新發布才輪替。
- 外部 MCP 連線在單一 Node 行程記憶體，多實例不共享。