AI 工具Claude code 與Figma MCP 應用

今天來試試最近很紅的Claude code工具

以前習慣的工作模式

1.列出核心功能→2.寫規格→3.想畫面與流程→4.撰寫程式碼

但現在透過claude 將1,2,3,4整合，直接在claude 將設計稿畫面生成程式碼，這對我的工作來說，省下不少工作。

將figma畫面的link丟到claude code 視窗

由claude code 將設計檔生成swift 語法後

將swift 貼在xcode模擬器開啟查看畫面

claude code 生成的程式碼品質不錯

除了字型限制外，在xcode模擬iphone畫面就跟在figma prototype看到的一樣!

因此，只要讓資深工程師再針對程式碼內容檢查，將程式碼變得簡潔，架構更清楚即可。