프로토타이핑

Figma 프로토타입 After delay 적용 범위

피그마 오픈카톡방2026. 3. 7.

질문사항

피그마 프로토타입에서 'After delay' 인터랙션은 프레임 단위로만 적용 가능한가요? 그룹이나 컴포넌트에는 적용할 수 없나요? (예: 토스트 메시지가 사라지는 프로토타입 제작)

답변

네, 'After delay' 인터랙션은 현재 프레임 단위에서만 직접적으로 적용 가능합니다. 그룹이나 컴포넌트 자체에는 'After delay' 트리거를 직접 설정할 수 없습니다. 토스트 메시지가 사라지는 프로토타입을 제작하려면 다음과 같은 방법을 사용할 수 있습니다:

두 개의 프레임 사용: 토스트 메시지가 있는 프레임과 토스트 메시지가 사라진(또는 투명도가 0인) 프레임을 만듭니다.

인터랙션 설정: 토스트 메시지가 있는 프레임에서 'After delay' 트리거를 사용하여 토스트 메시지가 사라진 프레임으로 연결합니다. 이때 'Smart Animate'를 활용하면 자연스러운 전환 효과를 줄 수 있습니다.

오버레이 사용: 토스트 메시지를 별도의 컴포넌트로 만들고, 이를 오버레이(Overlay)로 띄운 후, 오버레이가 사라지는 인터랙션에 'After delay'를 적용할 수 있습니다. 이 경우 오버레이가 닫히는(Close overlay) 인터랙션에 'After delay'를 설정합니다.