제이콥 닐슨은 거의 모든 사용자 인터페이스가 열 개 남짓한 요소로 조립된다고 정리했습니다. 알파벳 스물여섯 글자로 모든 영어 단어를 쓰듯이 말입니다. 이 목록이 유용한 이유는 무엇을 만들지 알려 주기 때문이 아니라, 새 위젯을 만들 때 실제로 무엇을 버리는지 보여 주기 때문입니다. 순위가 담고 있는 정보, 관습을 어기는 네 가지 흔한 방식, 그리고 우리 디자인 시스템 목록에 오늘 붙여 볼 수 있는 라벨까지 정리했습니다.
Tailwind CSS 4는 단순한 버전 업이 아니다. 엔진을 Rust로 다시 쓰고, JS 설정 파일을 버리고, content 배열을 없애고, 모던 CSS의 모든 무기를 노출시킨 대수술이었다. 이 글은 v4 GA 이후 1년의 운영 경험을 바탕으로 Oxide 엔진 내부, Vite 우선 아키텍처, CSS 우선 설정으로의 패러다임 이동, color-mix·P3·container query·cascade layer 같은 CSS 네이티브 기능의 노출, v3에서 v4로의 마이그레이션 실전, 그리고 정직하게 '언제 올리고 언제 미룰지'까지 한 호흡으로 정리한다.
디자인 시스템은 CSS가 아니다. 제품 팀의 공용 언어다. 2025년 주요 컴포넌트 라이브러리 비교(Radix·shadcn/ui·Chakra·Tamagui·Park·Ark·DaisyUI), Headless vs Styled 철학, W3C Design Tokens 표준과 Figma Variables·Tokens Studio·Specify 연동, 컴포넌트 API 설계 원칙, Theming·Dark Mode·접근성, 한국 대기업(토스·네이버·카카오·쿠팡) 디자인 시스템 사례, 팀 규모별 도입 전략까지. Season 6 Ep 2.