playwright agent 幫你建立了 CI 流程、MCP 設定、客製 agent，完全透過對話一步一步的去做計劃→生成→修復。

對人來說畫面都長得一樣，但對機器來說將會導致產生的程式碼嚴重失真。首要任務是拆解設計稿，挑一個核心元件試試能抽出多乾淨的 metadata——這個實驗結果會直接告訴你需不需要清理、要清理多少。

當設計檔本身就非常混亂，怎麼不重做 Figma 也能擠出可信任的 token？把順序倒過來：以整理 token 為目標，把現在的 Figma 當成考古資料而不是源頭。

整理這三年的工作和產品。

為什麼設計到程式實作總是出現斷層？這個系列從一份命名混亂、沒有 auto layout 的外包 Figma 開始，記錄把設計意圖轉成 design token、讓 AI 看得懂設計的整條 pipeline。