← 전체 스킬
Cursor와 Figma의 깊은 연동. 디자인 시안을 코드로 자동 변환, 컴포넌트 인식과 생성, 픽셀 퍼펙트 구현.
핵심 기능
- 디자인을 코드로
- 컴포넌트 자동 인식
- 픽셀 퍼펙트 재현
- 변수와 스타일 동기화
설치 방법
Cursor에서 /add-plugin 입력 후 Figma 검색·설치. Figma 공식 제공, Cursor 검증 완료.
사용 방법
Figma 파일 연결 후 디자인을 자동으로 코드로 변환. Code Connect 컴포넌트 매핑, 디자인 시스템 규칙 생성 지원.
필요 조건
Cursor 2.5+ / Figma 계정
관련 스킬