탐색Dashboard웹 트래픽 애널리틱스 대시보드 — 디자인 시스템 컴포넌트 조립 과정

1 / 1

빈 피그마 캔버스에서 시작해 사이드바 설정 메뉴, Daily·Monthly·Annually 세그먼트 탭, 통계 카드, 게이지·라인 차트 위젯, 데이터 표를 차례로 배치해 트래픽 분석 대시보드를 완성하는 화면 녹화다.

Dashboard

웹 트래픽 애널리틱스 대시보드 — 디자인 시스템 컴포넌트 조립 과정

2026-10-08 · 동영상 1

X에서 보기

AI 분석

피그마에서 디자인 시스템 컴포넌트로 라이트 모드 트래픽 분석 대시보드를 조립하는 과정을 담은 화면 녹화다.

아이콘 레일과 설정 카테고리 서브 내비게이션이 왼쪽에 있고, 오른쪽 본문은 세그먼트 탭·검색·필터 바, 지표 카드 3개, 위젯 2개, 데이터 표 순서로 쌓인다. 흰 배경에 회색 뉴트럴 텍스트를 쓰고 블루 계열 하나를 강조색으로 써서 차분한 SaaS 톤을 만든다. 스파크라인이 들어간 통계 카드, 증감 배지, 반원형 게이지 차트, 기간 탭이 있는 라인 차트, 정렬 가능한 표 헤더가 눈에 띈다. 컴포넌트 속성과 오토 레이아웃으로 빈 캔버스에서 대시보드를 조립하는 흐름을 보여 주어 디자인 시스템 기반 대시보드 구성 참고로 유용하다.

minimal · light-mode · corporate