프로토타이핑

프로토타입 On Click/On Tap 차이

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

질문사항

피그마 프로토타입에서 'On Click'과 'On Tap'의 차이점은 무엇인가요? 어떤 경우에 어떤 옵션이 뜨는지 궁금합니다.

답변

피그마 프로토타입에서 'On Click'과 'On Tap'은 기본적으로 동일한 '클릭' 또는 '터치' 상호작용을 의미하지만, 프로토타입의 디바이스 설정에 따라 다르게 표시됩니다.

On Click: 프로토타입 디바이스 설정이 Desktop (예: MacBook Pro, Custom Size 등)으로 되어 있을 때 표시됩니다. 마우스 클릭을 통한 상호작용을 가정합니다.

On Tap: 프로토타입 디바이스 설정이 Mobile (예: iPhone 14, Android Large 등)으로 되어 있을 때 표시됩니다. 터치스크린 기기에서의 손가락 탭 상호작용을 가정합니다.

기능적인 차이는 없으며, 단지 사용자가 어떤 기기에서 프로토타입을 테스트할 것인지에 대한 맥락을 제공하는 용어의 차이입니다.

참고: 한 프레임에 동일한 유형의 인터랙션(예: On Click)을 중복으로 걸 수 없습니다. 예를 들어, 하나의 버튼에 'On Click'으로 'Navigate to'와 'Open overlay'를 동시에 설정할 수 없습니다. 이 경우, 다른 인터랙션 유형(예: On Drag, While Hovering 등)을 사용하거나, 여러 요소를 조합하여 복합적인 인터랙션을 구현해야 합니다.