Figma MCP 서버
Figma API와 통합을 제공하는 MCP(Model Context Protocol) 서버로, Figma 파일, 주석, 구성 요소 등과 상호 작용할 수 있습니다.
특징
파일 작업
파일 정보 가져오기
파일 버전 기록 가져오기
파일 구성 요소 가져오기
댓글 관리
파일에 주석 나열
새로운 댓글을 추가하세요
댓글 삭제
프로젝트 및 팀 기능
팀 프로젝트 목록
프로젝트 파일 가져오기
게시된 스타일 가져오기
웹훅 관리
웹훅 만들기
기존 웹훅 나열
웹훅 삭제
Related MCP server: Figma MCP Server
설치
저장소를 복제합니다
종속성 설치:
지엑스피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
기여하다
저장소를 포크하세요
기능 브랜치를 생성하세요
변경 사항을 커밋하세요
지점으로 밀어 넣기
새로운 풀 리퀘스트 만들기