피그마와 코드를 오가는 공식 플러그인

1언제 쓰나요

디자인을 피그마에서 관리하고, 시안과 코드를 맞춰야 할 때 씁니다.

2GitHub에서 설치하기

figma/mcp-server-guide라이선스 저장소 안내 확인

claude plugin install figma@claude-plugins-official

3이렇게 부르세요

• 이 피그마 링크대로 구현해줘복사
• 이 화면을 피그마로 옮겨줘복사
• 디자인 시스템 만들어줘복사

4따라 하는 순서

1. 플러그인 설치하기

   터미널에서 명령을 실행합니다.

2. 피그마 계정 연결하기

   처음 쓸 때 피그마 로그인을 진행합니다.

3. 링크 주고 요청하기

   피그마 파일이나 프레임 링크를 주고 원하는 작업을 말합니다.

5받게 되는 결과

• 시안을 옮긴 코드
• 피그마로 옮긴 화면
• 디자인 시스템과 다이어그램

6쓰기 전에 알아 둘 것

• 프레임 단위 링크를 주면 더 정확합니다.
• 기능에 따라 피그마 요금제 제한이 있을 수 있습니다.