先說我自己的結論是工程師可以玩玩看, 但設計師完全不需要!

首先讓我們用 sse 的方式來和 mcp server 連線, 先去 .cusor/mcp.json 設定:

      "figmaRemoteMcp": {
        "url": "https://mcp.figma.com/mcp",
        "type": "http"
      }

接著回到 cursor settings 就會看到他要求你執行 oauth 驗證:

連線成功:

注意, figma mcp server 是 link base 的, 所以我們還是需要回到 figma 本身對你想要操作的畫面作複製連結後丟回 llm 請他執行工具,

而且現在 figma 只開放給有 dev mode 的人, 所以沒付錢就沒辦法用了, 還是可以設定, 只是如果你嘗試執行它會出現:

跟朋友借個 dev mode 的帳號來玩玩看:

首先, 你可以藉由把下列設定移除->存檔->重新加回來->存檔, 來達到重新登入:

      "figmaRemoteMcp": {
        "url": "https://mcp.figma.com/mcp",
        "type": "http"
      }

這時候就又能出現 Connect 登入提示了:

我認為對於不會寫 code 的設計師來說這完全不重要, 因為 figma 現在就有 Make 功能幫他們寫好 code 實現他們心中的想法了, 再加上現在 figma 還可以根據設計師畫好的設計稿一鍵生成網頁, 只要你畫好 RWD, 他生出來的就是 RWD 的結果, 現在讓我們再試一次:

prompt: (貼上剛剛去figma複製你希望cursor幫忙轉成code的設計元件link) 幫我用html生成這個畫面

可以看到生成成功了! 但因為有商業上的問題就不方便顯示成果了: