The Problem:
According to the official Penpot documentation, the current interaction actions are limited to: Navigate to, Open overlay, Toggle overlay, Close overlay, Previous screen, and Open URL.
When designing interactive components (like a button that changes from “Default” to “Hover” to “Selected”), the only current way to achieve this behavior is to create the different states as separate components, place them off-canvas, and use the “Open overlay” action to bring them in.
This leads to:
-
Cluttered boards with dead assets floating off-screen.
-
Difficult to maintain complex flows where multiple instances need to change simultaneously.
The Request:
Please add a “Change to” interaction action. In practice, this would allow a user to select a component on the board, set the interaction trigger (e.g., On Click), and choose “Change to” to swap that specific element with another component or component variant without moving it out of its context or creating an overlay.
This feature would greatly enhance the ability to create advanced flows and prototype interactions directly on the canvas, bringing Penpot closer to the standard set by other design tools.
Thanks for your hard work on this awesome open-source tool!
