i-figma-spec은(는) 무엇을 하나요?
Figma 스펙 워크플로우를 위한 Codex 스킬: 디자인 시스템 페이지에서 추출, 구축, 확인 및 학습을 수행합니다.
개요
이 스킬은 Figma 디자인 시스템 페이지에서 스펙 관련 작업을 자동화합니다. 주로 Figma API를 통해 디자인 데이터를 가져와 분석 및 변환합니다.
주요 기능
- 추출(Extract): 디자인 시스템에서 토큰, 스타일, 컴포넌트 속성을 추출합니다.
- 구축(Build): 추출된 데이터를 코드 (CSS, JSON, YAML 등)로 변환합니다.
- 확인(Check): 디자인 일관성과 스펙 준수 여부를 검증합니다.
- 학습(Learn): 디자인 시스템 패턴을 분석하여 자동 문서화합니다.
사용 방법
- Figma 파일 ID와 페이지 이름을 제공합니다.
- 스킬이 해당 페이지에서 디자인 데이터를 읽습니다.
- 필요에 따라 추출, 변환, 검증 작업을 수행합니다.
- 결과물을 파일로 저장하거나 콘솔에 출력합니다.
요구 사항
- Codex 환경 (또는 Claude Code 등 호환되는 AI 에이전트)
- Figma API 액세스 토큰 (환경 변수
FIGMA_ACCESS_TOKEN) - 대상 Figma 디자인 시스템 페이지 URL 또는 파일 ID
예시 명령어
extract-figma-spec --file <FILE_ID> --page "Design System"
참고 사항
- 이 스킬은 Figma의 제한 사항을 따릅니다 (예: API 호출 한도, 컴포넌트 계층 구조).
- 디자인 시스템이 일관된 명명 규칙을 따를 때 가장 효과적입니다.
라이선스
MIT