Framelink Figma MCP Server

이 프로젝트는 Framelink Figma MCP 서버를 포크하여 NCDS 기반의 추가 구현을 포함합니다. Cursor 및 기타 AI 기반 코딩 도구에 Model Context Protocol 서버를 통해 Figma 파일에 대한 접근 권한을 부여하세요.

Cursor가 Figma 디자인 데이터에 접근할 수 있을 때, 스크린샷을 붙여넣는 것과 같은 대안적인 접근 방식보다 훨씬 더 정확하게 디자인을 한 번에 구현할 수 있습니다.

데모

Figma 디자인 데이터로 Cursor에서 UI를 구축하는 데모 시청

작동 방식

IDE의 채팅을 엽니다 (예: Cursor의 에이전트 모드).
Figma 파일, 프레임 또는 그룹에 대한 링크를 붙여넣습니다.
Cursor에게 Figma 파일로 무언가를 하도록 요청합니다 (예: 디자인 구현).
Cursor는 Figma에서 관련 메타데이터를 가져와 코드를 작성하는 데 사용합니다.

이 MCP 서버는 Cursor와 함께 사용하도록 특별히 설계되었습니다. Figma API에서 컨텍스트를 응답하기 전에, 응답을 단순화하고 번역하여 모델에 가장 관련성이 높은 레이아웃 및 스타일링 정보만 제공합니다.

모델에 제공되는 컨텍스트의 양을 줄이면 AI의 정확도를 높이고 응답을 더 관련성 있게 만드는 데 도움이 됩니다.

시작하기

많은 코드 편집기와 기타 AI 클라이언트는 MCP 서버를 관리하기 위해 구성 파일을 사용합니다.

figma-developer-mcp-ncds 서버는 다음을 구성 파일에 추가하여 설정할 수 있습니다.

참고: 이 서버를 사용하려면 Figma 액세스 토큰을 생성해야 합니다. Figma API 액세스 토큰을 생성하는 방법에 대한 지침은 여기에서 찾을 수 있습니다.

MacOS / Linux

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

Windows

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

또는 env 필드에 FIGMA_API_KEY와 PORT를 넣을 수 있습니다.

NCDS Figma MCP 서버를 구성하는 방법에 대한 자세한 정보가 필요하면 Framelink 문서를 참조하세요.

스타 히스토리

더 알아보기

이 NCDS Figma MCP 서버는 Framelink 프로젝트에서 포크되어 NCDS 기반의 추가 소스 생성 기능을 구현합니다. 원본 Framelink Figma MCP 서버는 단순하지만 강력합니다. Framelink 사이트에서 더 많은 정보를 얻으세요.

This server cannot be installed

security - not tested

license - permissive license

quality - not tested

How are these scores calculated?

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Provides AI coding agents with access to Figma design data through the Figma API. Enables accurate one-shot implementation of designs in any framework by translating Figma files into simplified layout and styling information.

Related MCP Servers

figma-mcp
JayZeeDesign
A
security
A
license
A
quality
Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993 1. Access all figma pages 2. Access all figma components 3. Access figma prototype flows
Last updated -
61
MIT License
Figma MCP Server
MatthewDailey
A
security
F
license
A
quality
Enables AI assistants to interact with Figma files through the ModelContextProtocol, allowing viewing, commenting, and analyzing Figma designs directly in chat interfaces.
Last updated -
5
725
200
Talk to Figma MCP
yhc984
A
security
F
license
A
quality
Enables Cursor AI to interact with Figma designs, allowing users to read design information and programmatically modify elements through natural language commands.
Last updated -
38
2,275
2
Figma MCP Server
rlagudals95
-
security
A
license
-
quality
Gives AI-powered coding tools like Cursor, Windsurf, and Cline access to Figma design files, enabling more accurate code generation directly from Figma designs.
Last updated -
34,023
MIT License

View all related MCP servers

Framelink Figma MCP Server

데모

작동 방식

시작하기

MacOS / Linux

Windows

스타 히스토리

더 알아보기

Related MCP Servers

figma-mcp

Figma MCP Server

Talk to Figma MCP

Figma MCP Server

Appeared in Searches

New MCP Servers

MCP directory API