Figma Support Forum

What's the best way to add the event and other data we'd like to track at the component level in Figma designs?

Hey there,

Each web or app screen we design in Figma has components like links, buttons etc.
When we send the design files to the engineers we’d like to include the events and event properties so it’s super clear what sort of data orchestration is required.

eg.
analytics.track("click", { elementType: "button", text: "Get Started" });

Additionally to enable those type of track events to be dynamic we would like to also show the element ids and data-* attributes of the HTML to be clear on naming conventions.

Is there a plugin we can use to make it easy to include this kind of data?

Thanks in advance :grin: