AI 분석
점 격자 패드 위에서 세 개의 피커가 움직이며 부드러운 그라데이션 광원을 만드는 컬러 휠 컴포넌트의 Figma 제작 과정이다.
왼쪽 레이어 패널과 오른쪽 캔버스로 나뉜 Figma 화면에서, 둥근 모서리의 흰색 기기형 카드 상단에 점 격자 패드가 놓이고 하단에 원형 다이얼 두 개가 배치된다. 패드 위에는 중앙 피커와 좌우 보조 피커가 겹쳐 있고, 각 피커 아래에 원형 마스크로 잘린 색 공간과 글로우 레이어가 있어 핑크·보라, 민트·연두, 피치 계열의 부드러운 방사형 그라데이션이 생긴다. 레이어 이름에 이동 가능 여부를 표기해 피커 내부·외곽선·베이스·글로우를 그룹 단위로 함께 움직이는 구조를 드러낸다. 피커 위치를 옮길 때마다 배경 광원이 따라 바뀌는 모습이 프레임마다 보인다. 마스크와 레이어 구성으로 촉각적인 컬러 피커 인터랙션을 설계하는 방법을 참고하기 좋다.
minimal · soft-gradient · light-mode · skeuomorphic
claude-opus-5-5 · 2026-10-21 16:41 · 신뢰도 0.75
