DP6 Mapa de Coleta

About this plugin

Automate your GA4 tracking maps in Figma!DP6 Mapa de Coleta" helps Data Analytics and UX/UI teams perfectly sync their tracking documentation with Figma layouts. By uploading a standard CSV file, this plugin automatically generates interactive orange badges (GA ⚡) next to your tracked UI elements. Click on any badge to inspect the event name, triggers, and parameters directly in Figma!⚙️ How to use:Run the plugin and select any element in your Figma canvas.The plugin will display the element's unique Node ID (e.g., 12:34).Add this Node ID to your CSV tracking plan (Note: replace the colon with a hyphen, e.g., 12-34).Click on "Sincronizar CSV" and upload your file.The plugin will instantly place the badges on the correct elements!📊 Required CSV Formatting:To make the plugin work successfully, your CSV must be separated by commas or semicolons, and contain data in the following specific columns (zero-indexed):Column A (Index 0): Event Index/Number (e.g., 1, 2, 3...)Column D (Index 3): Event Description / Trigger (When/Where it happens)Column I (Index 8): Event Name (e.g., generate_lead, click_cta)Column K (Index 10): Parameters and Rules (Format: [[param_name]] | Scope | Rule)Column L (Index 11): Figma Node ID (Format: 12-34 - must use hyphens instead of colons)Note: You can leave other columns empty, as long as these specific columns contain the tracking data.