Communitygithub.com

robindicapua/figma-component-compose

코드나 스펙으로부터 Figma 컴포넌트를 구성하는 AI 에이전트 기술

figma-component-compose란 무엇인가요?

이 기술은 AI 에이전트(예: Claude Code, Cursor 등)가 제공된 코드 조각이나 디자인 스펙을 기반으로 Figma 컴포넌트를 자동으로 구성할 수 있게 해줍니다. 개발자와 디자이너의 협업을 간소화하며, 피그마 플러그인 API를 활용하여 실제 Figma 컴포넌트를 생성하거나 업데이트합니다. SKILL.md 문서에 정의된 지침에 따라 에이전트는 입력을 분석하고 적절한 피그마 노드(프레임, 텍스트, 벡터 등)를 생성하며 속성(색상, 폰트, 레이아웃)을 적용합니다. 이를 통해 수동 전환 작업을 줄이고 디자인 시스템 일관성을 유지할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add robindicapua/figma-component-compose

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

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

문서

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

코드나 스펙으로부터 Figma 컴포넌트를 구성하는 AI 에이전트 기술

관련 스킬