디자인 시스템 구축기: Figma에서 React까지 완전 자동화

디자이너와 개발자의 완벽한 협업 디자이너와 개발자 간의 협업을 혁신적으로 개선한 디자인 시스템 구축 여정을 공유합니다. Figma Tokens, Style Dictionary, Storybook을 활용한 완전 자동화 파이프라인 구축 과정을 살펴보겠습니다. 1. 디자인 토큰 정의 Figma에서 정의된 디자인 토큰을 JSON 형태로 추출합니다: { “color”: { “primary”: { “value”: “#3182F6” }, “secondary”: { “value”: “#8B5CF6” } } } 2. Style […]