프로토타이핑
서치바 그라디언트 애니메이션 구현
피그마 오픈카톡방2026. 3. 7.
질문사항
서치바에 그라디언트 색상이 돌아가면서 움직이는 애니메이션을 피그마에서 구현할 수 있나요?
답변
네, 피그마의 프로토타입 기능을 활용하여 그라디언트 애니메이션을 구현할 수 있습니다. 일반적으로 [테두리의 형태]와 [그라디언트 배경] 두 요소를 분리하여 구현하며, 마스크(Mask)를 사용하여 형태를 정의합니다. 애니메이션은 피그마의 Smart Animate 기능을 이용해 그라디언트 배경의 `rotate` (각도) 값을 변경하는 방식으로 구현할 수 있습니다. 여러 프레임에 걸쳐 그라디언트의 회전 각도를 다르게 설정하고 Smart Animate를 적용하면 됩니다.