◆ 경계를 긋는 디자인 시스템
작은 팀은 어디에 경계를 그어야 하는가
영향도 추적기와 대비 검증기를 직접 만들어 토큰 69개짜리 시스템에 돌린 결과를 놓고, 앞 글들의 권고 중 틀린 것을 정정하고 우선순위를 다시 매긴다.
06 POSTS
Frontend 1
- ◆ 경계를 긋는 디자인 시스템
디자인 시스템의 진짜 문제는 바꾸는 것이다
SEED 팀이 직접 쓴 회고를 읽고 앞 글의 결론을 정정한다. V3를 다시 지은 이유는 확산이 아니라 고치기 두려웠기 때문이고, 저장소의 절반은 그 두려움을 없애는 장치다.
- ◆ 경계를 긋는 디자인 시스템
설계 결정 일곱 가지와 정직한 비용
SEED Design이 토큰 DSL과 headless 분리, CDN 배포, AI 에이전트 표면에서 내린 선택 일곱 가지를 이유와 함께 정리하고, 컴포넌트 하나를 추가할 때 손대야 하는 지점을 센다.
- ◆ 경계를 긋는 디자인 시스템
디자인 시스템을 만드는 공장 뜯어보기
당근 SEED Design의 5단 생성 파이프라인을 토큰 YAML부터 생성 CSS까지 층별로 읽고, 손으로 쓰는 것과 기계가 만드는 것의 경계를 확인한다.
Kineto 저널을 씬 단위 스크롤 화면으로 확장하기
세 장의 정적 카드로 시작한 Kineto를 씬 단위 저널로 확장하며 스크롤 인덱스, 미디어 변형, 숫자 대비와 반응형 제목 배치를 다듬은 과정을 기록한다.
스크롤에 맞춰 5개씩 움직이는 페이지 인덱스 만들기
스크롤 위치를 페이지 번호로 바꾸는 일반적인 방법과 Kineto의 씬 단위 RailIndex 구현을 정리한다.