Figma MCP Server

by deepsuthar496
Verified

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.

Integrations

  • Provides integration with Figma's API, enabling file operations (information retrieval, version history, components), comment management (listing, adding, deleting), project and team features (listing projects, getting files, accessing published styles), and webhook management.

Figma MCP 서버

Figma API와 통합을 제공하는 MCP(Model Context Protocol) 서버로, Figma 파일, 주석, 구성 요소 등과 상호 작용할 수 있습니다.

특징

  • 파일 작업
    • 파일 정보 가져오기
    • 파일 버전 기록 가져오기
    • 파일 구성 요소 가져오기
  • 댓글 관리
    • 파일에 주석 나열
    • 새로운 댓글을 추가하세요
    • 댓글 삭제
  • 프로젝트 및 팀 기능
    • 팀 프로젝트 목록
    • 프로젝트 파일 가져오기
    • 게시된 스타일 가져오기
  • 웹훅 관리
    • 웹훅 만들기
    • 기존 웹훅 나열
    • 웹훅 삭제

설치

  1. 저장소를 복제합니다
  2. 종속성 설치:

지엑스피1

  1. 서버를 빌드하세요:
npm run build

구성

Figma 액세스 토큰을 사용하여 MCP 설정 파일에서 서버를 구성하세요.

{ "mcpServers": { "figma": { "command": "node", "args": ["path/to/figma-server/build/index.js"], "env": { "FIGMA_ACCESS_TOKEN": "your-access-token-here" }, "disabled": false, "alwaysAllow": [] } } }

사용 가능한 도구

파일 작업

get_file

Figma 파일에 대한 정보 얻기

{ "file_key": "string" }

파일 버전 가져오기

파일의 버전 기록 가져오기

{ "file_key": "string" }

파일_구성요소_가져오기

파일에서 구성 요소 가져오기

{ "file_key": "string" }

댓글 관리

파일_댓글_받기

파일에서 주석 가져오기

{ "file_key": "string" }

댓글 게시

파일에서 댓글을 게시하세요

{ "file_key": "string", "message": "string" }

댓글 삭제

파일에서 주석 삭제

{ "file_key": "string", "comment_id": "string" }

프로젝트 및 팀 운영

팀 프로젝트를 받으세요

팀을 위한 프로젝트 받기

{ "team_id": "string" }

프로젝트 파일 가져오기

프로젝트에서 파일 가져오기

{ "project_id": "string" }

get_component_styles

게시된 스타일 가져오기

{ "team_id": "string" }

웹훅 관리

웹훅 생성

웹훅 만들기

{ "team_id": "string", "event_type": "string", "callback_url": "string" }

get_webhooks

웹훅 목록

{ "team_id": "string" }

웹훅 삭제

웹훅 삭제

{ "webhook_id": "string" }

사용 예

// Example using the MCP tool to get file information <use_mcp_tool> <server_name>figma</server_name> <tool_name>get_file</tool_name> <arguments> { "file_key": "your-file-key" } </arguments> </use_mcp_tool>

특허

MIT

기여하다

  1. 저장소를 포크하세요
  2. 기능 브랜치를 생성하세요
  3. 변경 사항을 커밋하세요
  4. 지점으로 밀어 넣기
  5. 새로운 풀 리퀘스트 만들기
-
security - not tested
F
license - not found
-
quality - not tested

Figma API와 통합된 모델 컨텍스트 프로토콜 서버로, Figma 파일, 주석, 구성 요소, 프로젝트 및 웹훅 관리와의 상호작용을 허용합니다.

  1. Features
    1. Installation
      1. Configuration
        1. Available Tools
          1. File Operations
          2. Comment Management
          3. Project & Team Operations
          4. Webhook Management
        2. Usage Example
          1. License
            1. Contributing
              ID: sv4uz7lblg