AI 분석
선형·원형 진행 표시를 역할별 색 변형과 오토 레이아웃으로 구성한 Figma 컴포넌트 시연이다.
다크 Figma 캔버스 왼쪽에 선형·원형 진행 표시 컴포넌트 세트가 놓이고, 오른쪽 밝은 프레임에 인스턴스 카드 두 개가 배치된 구성이다. 각 컴포넌트는 남색·초록·노랑·빨강·검정 다섯 역할 색을 가지며, 트랙은 같은 색의 옅은 틴트로 칠하고 채움 막대는 둥근 끝을 쓴다. 프레임 전반에서 오토 레이아웃 간격 값을 바꿔 선형 막대 길이를 조절하고, 원형은 호 비율을 바꾸며, Role 속성으로 Safe·Primary·Critical 색 변형을 전환하는 흐름이 보인다. 진행 표시를 속성 기반 스마트 컴포넌트로 설계하는 방법을 보여 주는 디자인 시스템 참고로 유용하다.
minimal · light-mode · pastel
claude-opus-5-5 · 2026-10-21 16:32 · 신뢰도 0.80
