figma-design-pipeline

Installation
SKILL.md

argument: $ARGUMENTS

Claude Command: Figma Design Pipeline

이 커맨드는 Figma 디자인을 코드로 구현한 뒤 디자인 검증까지 자동으로 수행하는 파이프라인입니다. figma-to-codedesign-check 순서로 실행됩니다.

워크플로우 (3단계)

Step 1. 입력 파싱 + 사전 검증

$ARGUMENTS에서 Figma URL과 컴포넌트 파일 경로를 파싱합니다.

파싱:

  1. URL에서 node-id=(\d+-\d+) 패턴 추출
  2. -:로 치환하여 MCP 호출용 nodeId 생성
  3. 파일 경로에서 컴포넌트 이름, FSD 레이어 추출
Installs
2
GitHub Stars
1
First Seen
Feb 9, 2026
figma-design-pipeline — gihwan-dev/claude-code-gui