Figma ↔ 動態套件
創作者在 Figma 中設計比在提示中設計效果更好。讓每個套件元件都鏡像為可編輯圖板，並讓他們在那裡編輯。
一次性設定
- 在其品牌檔案中建立一個頁面（例如「Claude - Editable」），每個套件版本設有一個區段（「Motion kit v1」、「Vlog kit v1」）。
- 每個元件有一個圖板，大小與影片畫格一致，使用真實文案，每個圖層皆有名稱。
- 顏色和字體樣式綁定到變數（一個「Motion」集合：墨色、紙色、強調色/螢光筆色、灰色；字體大小和間距為數字），以便更改顏色只需一次編輯。
- 使用 Figma MCP（在寫入檔案前載入其
figma-use技能）。將檔案金鑰和頁面記錄在CLAUDE.md中。
當他們說「我更改了圖板」
- 讀取每個已更改圖板的圖層：字體、粗細、大小、行高、間距、位置、使用的變數、圓角半徑、描邊。
- 將差異移植到元件和
brand.json中（先處理代碼，僅在版面配置需要時修改元件程式碼）。 - 渲染相同元件的預覽靜止圖像，並與圖板並排比較。
- 列出更改內容（「標題 Light 120 → Regular 108，間距 64 → 80，標籤現在為大寫等寬字體」）。
當套件在程式碼中變更
（例如窄畫格版面配置、字幕安全區）更新對應的圖板，使兩者永遠不會偏差，或者告知創作者哪些圖板現在已過時。
學到的品味（請詢問你的創作者，這些只是範例）
大尺寸使用 Light/Regular，絕不用 Heavy/Bold；等寬字體淺色大寫標籤；80 px 間距；大量留白；每個元素一個流暢的動作；不要裝置模型（它們用處不大）；偏好文字疊加和個人筆記。