figma-design-pipeline
Installation
SKILL.md
argument: $ARGUMENTS
Claude Command: Figma Design Pipeline
이 커맨드는 Figma 디자인을 코드로 구현한 뒤 디자인 검증까지 자동으로 수행하는 파이프라인입니다.
figma-to-code → design-check 순서로 실행됩니다.
워크플로우 (3단계)
Step 1. 입력 파싱 + 사전 검증
$ARGUMENTS에서 Figma URL과 컴포넌트 파일 경로를 파싱합니다.
파싱:
- URL에서
node-id=(\d+-\d+)패턴 추출 -를:로 치환하여 MCP 호출용 nodeId 생성- 파일 경로에서 컴포넌트 이름, FSD 레이어 추출