핵심 요약
크리에이트립은 피그마 플러그인을 통해 디자인 토큰에서 Tailwind 클래스를 자동 생성하는 도구를 소개합니다.
주요 특징
- 텍스트 스타일, 색상 토큰, 버튼 속성 등 디자인 시스템의 속성을 정규식으로 추출
- 추출 정보를 Tailwind 클래스와 JSX/className으로 매핑하여 곧바로 사용 가능
- Auto Layout를 해석해 hstack/vstack 등으로 변환하는 유틸리티 제공
- 아이콘 컴포넌트 등 컴포넌트 코드도 빠르게 활용 가능
적용 고려사항
- 피그마 API의 노드 구조 이해 및 CSS/스타일 조회 메서드 활용 필요
- 플러그인 빌드 및 manifest 관리로 DX 유지
- 토큰 관리의 일관성이 플러그인 효과에 큰 영향을 줌
