핵심 요약
쏘카가 디자인 시스템 2.0 개발에서 컴포넌트 아키텍처, 패키지 전략, AI 활용 사례를 공유합니다.
주요 경험
- UI와 상태를 Hook/객체로 분리해 재사용성과 유지보수를 크게 개선
- 트리쉐이킹 최적화로 공통 번들을 61% 축소하고 1차 로드 JS를 33% 감소하며 SSR 대응을 원활하게
- AI 도입을 위한 AGENTS.md와 llms.txt, Figma MCP의 결합으로 디자이너-개발자 흐름을 향상
얻은 인사이트
- 규칙의 합의가 AI 품질의 핵심임을 확인
- LLm 친화 환경 구축은 지속적 보완이 필요
- Figma MCP와 문서 체계가 협업 효율을 높임
