Communitygithub.com

volume-02/figma-skills

Claude Code용 Figma → 코드 워크플로우 스킬: 분석, 감사, 구현, 리팩터링

figma-skills란 무엇인가요?

이 스킬은 Claude Code가 Figma 디자인 파일을 분석하고 코드로 변환하는 워크플로우를 지원합니다. 디자이너와 개발자 간의 간극을 줄여주며, 디자인 시스템을 감사하고, 컴포넌트를 구현하며, 기존 구현을 리팩터링하는 데 도움을 줍니다. 주로 Claude Code 플랫폼에서 사용되며, Figma API를 통해 디자인 토큰과 스타일 가이드를 추출하여 코드베이스에 통합할 수 있습니다. 이를 통해 디자인 일관성을 유지하고, 수동 변환 작업을 최소화하여 생산성을 높일 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add volume-02/figma-skills

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

figma-skills은(는) 무엇을 하나요?

Figma → 코드 워크플로우 스킬 for Claude Code: 분석, 감사, 구현, 리팩터링

관련 스킬