Signal Trigger
A button that reaches across the page — click it and a component somewhere else changes, like switching to a different variant or opening a panel.
Last updated
How to use
Connect your button design to
⦿ Design.Give it a
Signal ID— any short name you'll remember, like open-size-guide.Place a Signal Listener inside the component you want to control, and give it the same
Signal ID.Optionally use
Clickunder Interactions to connect to its own Event or Transition.
Optionally set Tracking to record clicks in Framer Analytics.
What it's for
Framer interactions normally only reach the layer you're on or its children. Signals remove that limit: the trigger broadcasts its ID across the page, and any Listener with a matching ID acts on it. That's what lets a button in your header switch a variant on a product card further down the page.
The button is a real button element, so keyboard and screen-reader users get it for free.