이 게시물은 피그마 플러그인을 통해 디자인을 리액트 컴포넌트로 자동 변환하는 방법을 설명합니다.

요약

• codegen 플러그인 콜백으로 노드 클릭 시 코드 생성
• 피그마 컴포넌트 이름과 variant를 리액트 컴포넌트명과 props로 매핑해 Button 등 자동 변환
• children과 중첩 트리 처리를 위해 ReactNode 중간 표현 도입
• Text, Rectangle, Group 등 다양한 노드 타입별 변환 규칙으로 확장
• Org/Enterprise 환경에서는 private plugin 배포, 아닐 경우 GitHub 공유 방식 추천