Framelink 를 사용해서 Figma to Cursor 도입

기존에 Figma dev mode 와 github copliot 을 이용하여 figma mcp 를 사용했는데, Framelink 를 이용해서 무료 버전도 가능하여 도입하게 되었습니다.

생각보다 방법도 많이 간단해서 유용하게 사용하면 될 것 같습니다.

사용 방법

FIGMA_API_KEY 발급하러가기

1. 피그마에서 Settings/Sequrity 접속
2. Access Token 발급

Cursor 에서 Figma mcp 등록 (아래 링크를 따라하면 됨)

https://www.framelink.ai/docs/quickstart

Quickstart - Framelink MCP for Figma Reference

 

Mac/Linux

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ]
    }
  }
}

 

Windows

{
  "mcpServers": {
    "Framelink MCP for Figma": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "figma-developer-mcp",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ]
    }
  }
}

 

사용하기

등록이 안료되었으면 피그마에서 url copy

 

똑같이 커서에 해당 url 을 기준으로 커서에게 요청하면 됩니다.