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.
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?
The best solution I’ve come up with for now is to duplicate the design frames and delete the designs on the duplicate frame and just populate them with the require tracking elements.
You can see them side-by-side and it’s clear enough to get the job done though not ideal.
It’s not the best solution and we’re still maintaining a separate track plan in a spreadsheet.
Hi @Justin1 and @Kuldeep_Singh! Our team and I are building a solution that would do just that!
We’re still talking to users experiencing the problem to plan the best possible approach, would you potentially be interested in a 20 minute interview with us? Our testers will get to use our product for free when it comes out, so there’s an extra perk for you there!
After many user interviews, we built a tracking tool for Figma! It allows you to set up your data tracking, send it to Jira, and monitor implementation, all without ever leaving Figma!
Our plugin allows you to: Label tracking events directly on your canvas, set with properties, tags, platform, status and more Create tracking plans, including interaction screenshots and identifiers, comments, tags and implementation status Export your tracking plan directly to Jira! Updates sync with your Figma tracking plan, so it doubles as a dashboard!
Hope it’s useful @Kuldeep_Singh and @Justin1, and please do not hesitate to reach out for any questions or help!
Hello everyone! We are late to the party but we’ve built a dedicated solution that plugs to your Figma design files. We are currently rolling out our closed Beta, checkout our web and get in touch if you’d like to give it a try
Label tracking events directly on your canvas, set with properties, tags, platform, status and more
Create tracking plans, including interaction screenshots and identifiers, comments, tags and implementation status
Export your tracking plan directly to Jira! Updates sync with your Figma tracking plan, so it doubles as a dashboard!
but we’ve built a dedicated solution that plugs to your Figma design files. We are currently rolling out our closed Beta, checkout our web and get in touch if you’d like to give it a try 
Hey folks here is a Figma widget where you can add tracking plan to your design file: