Design System in Code

제품 넷이 한 벌의 화면 언어를 쓰게 하는 디자인 시스템이다. 색과 타이포와 간격 같은 값, 그 값을 쓰는 공용 컴포넌트, 다크 테마가 여기 산다.

화면의 기준을 디자인 파일에서 실행되는 코드로 옮겼다. 원시 토큰과 시맨틱 토큰을 두 층으로 갈라 화면이 시맨틱 이름만 쓰게 했고, 다크 테마 대응 토큰 누락처럼 빌드가 조용히 통과시키던 자리는 검사로 막았다.

그다음은 승격이다. 제품마다 다시 그려지던 조각을 공용 코어로 올렸고, 올릴지 말지는 합의가 아니라 핸드오프 상태가 정하게 했다. 세는 단위를 URL 로 고정해 화면 목록을 코드에서 뽑은 것이 그 판단의 근거였다.