AI 분석
슬롯 인스턴스를 교체해 아이콘에 확대·이동·펄스·바운스 전환을 적용하는 피그마 디자인 시스템 컴포넌트 시연이다.
다크 피그마 캔버스 왼쪽에 시작·종료 상태를 두 열로 나란히 놓은 컴포넌트 세트가 있고, 가운데 폰 프레임과 오른쪽 프로토타입 미리보기 창이 이어진다. 전환 이름은 마젠타 모노스페이스 라벨로 표시되고, 흰 라운드 슬롯 위에 파란 번개 아이콘 하나만 강조색으로 쓰인다. 오른쪽 속성 패널의 Transition 드롭다운에서 확대, 축소, 상하좌우 이동, 펄스, 바운스 같은 프리셋을 고르고 Swap instance로 슬롯 안 아이콘을 바꾸는 흐름이 보인다. 하나의 컴포넌트에 변형 속성과 슬롯을 결합해 재사용 가능한 마이크로 인터랙션을 구성하는 디자인 시스템 설계 참고로 유용하다.
dark-mode · techy · minimal
claude-opus-5-5 · 2026-10-21 16:27 · 신뢰도 0.75
