자료실
개발도구MCP 서버
Figma Context
Figma 레이아웃 정보를 코딩 에이전트에 전달하는 커뮤니티 서버
2026년 7월 21일
연결
설치
npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio동작 방식
AI 클라이언트가 내 PC에서 Figma Context 서버를 실행해 stdio로 주고받습니다. 서버가 대신 외부 서비스를 호출하므로, 자격증명은 내 PC 설정에만 저장됩니다.
Figma 디자인 파일의 레이아웃 정보를 코딩 에이전트가 읽을 수 있게 정리해 주는 커뮤니티 서버입니다.
주요 기능
· 구조: 프레임과 컴포넌트의 구조 조회
· 스타일: 색상과 간격 같은 스타일 값 조회
· 에셋: 이미지 에셋 정보 조회
사용하려면 Figma 개인 액세스 토큰이 필요하고 npx로 바로 실행할 수 있습니다. Figma API 응답을 그대로 넘기지 않고 모델이 소화하기 좋은 형태로 줄여서 전달하는 점이 특징입니다.
디자인 시안을 코드로 옮기는 작업을 AI에 맡기려는 프론트엔드 개발자에게 맞습니다.
댓글 0
아직 댓글이 없습니다. 첫 댓글을 남겨보세요.