프로토타이핑
피그마 프로토타입에서 'On Click'과 'On Tap'의 차이점은 무엇인가요? 어떤 경우에 어떤 옵션이 뜨는지 궁금합니다.
오픈카톡방 2026. 3. 7.
피그마 프로토타입에서 '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 등)을 사용하거나, 여러 요소를 조합하여 복합적인 인터랙션을 구현해야 합니다.