Communitygithub.com

petrkry/figma-build-design-skill

디자인 시스템을 기반으로 Figma 화면을 구축하는 에이전트 스킬 — 수동 재작업이 아닌 Figma MCP를 통한 라이브러리 우선 접근 방식. Claude, Codex 및 Cursor에서 작동합니다.

figma-build-design-skill란 무엇인가요?

이 스킬은 개발자와 디자이너가 디자인 시스템을 활용하여 Figma 화면을 효율적으로 구축할 수 있도록 지원합니다. 주요 차별점은 수동으로 UI를 다시 그리는 대신 Figma MCP(Model Context Protocol)를 통해 라이브러리 우선 접근 방식을 사용한다는 점입니다. 이는 Claude, Codex, Cursor와 같은 다양한 AI 에이전트 플랫폼에서 작동하므로, 개발자는 일관된 디자인 원칙을 유지하면서도 코드 생성 및 화면 구축 작업을 자동화할 수 있습니다. 스킬의 SKILL.md 문서에 정의된 대로, Figma 내 컴포넌트 및 스타일 라이브러리를 직접 참조하여 화면을 구성하므로 디자인 일관성이 향상되고 반복 작업이 줄어듭니다. MCP 연결을 통해 Figma와 원활하게 통신하며, 디자인 토큰과 컴포넌트 변형을 재사용함으로써 작업 속도를 크게 높여줍니다.

지원 대상✓Claude Code✓Codex CLI✓Cursor
npx skills add petrkry/figma-build-design-skill

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

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

문서

figma-build-design-skill은(는) 무엇을 하나요?

디자인 시스템을 기반으로 Figma 화면을 구축하는 에이전트 스킬 — 수동 재작업이 아닌 Figma MCP를 통한 라이브러리 우선 접근 방식. Claude, Codex 및 Cursor에서 작동합니다.

관련 스킬