피해야 할 vanity metric
보기 좋은 누적 수치라도 이번 주 의사결정에 쓰이지 않으면 vanity metric으로 분리합니다.
KPI Guide
Figma SVG에서 Tailwind로 옮기는 방법
Figma import SVG와 design tokens를 Next.js/Tailwind 코드로 옮기는 실전 흐름입니다.
Core Question
SVG 레퍼런스를 실제 Tailwind 코드로 어떻게 바꾸나요?
추천 KPI 5개
- Tokens: 담당자가 액션을 정할 수 있을 때만 상단 KPI로 둡니다.
- Spacing: 담당자가 액션을 정할 수 있을 때만 상단 KPI로 둡니다.
- Radius: 담당자가 액션을 정할 수 있을 때만 상단 KPI로 둡니다.
- Typography: 담당자가 액션을 정할 수 있을 때만 상단 KPI로 둡니다.
- Dark mode: 담당자가 액션을 정할 수 있을 때만 상단 KPI로 둡니다.
추천 레이아웃
상단 KPI 4개, 중단 핵심 추세/세그먼트, 하단 우선순위 테이블과 알림으로 구성합니다.