Bridging the gap between Design, Product, and Data Engineering—at zero cost.
FTT-Agent is an open-source, local-first application that automates the most tedious part of product development: Event Tracking Implementation. It instantly analyzes Figma designs and generates production-ready tracking specifications, data governance schemas, and SDK implementation code.
Implementing analytics is traditionally a painful, error-prone workflow:
- Product Managers spend hours manually documenting buttons and screens in spreadsheets.
- Frontend Engineers waste time translating those spreadsheets into SDK-specific code.
- Data Teams suffer from inconsistent naming conventions and broken taxonomies, leading to "dirty data".
- The Result: Delayed releases, broken funnels, and expensive SaaS tools trying to fix the mess.
FTT-Agent eliminates the manual handoff. By pointing it to a Figma file, it:
- Auto-detects interactive elements (buttons, inputs, modals) using heuristic analysis.
- Standardizes naming conventions automatically.
- Generates implementation code for your engineers.
- Exports governance schemas for your data team.
All in seconds. All locally in your browser. All for free.
- ⚡ 10x Faster Handoff: Turn a 4-hour documentation task into a 10-second automated scan.
- 🛡️ Built-in Data Governance: Enforce consistent naming conventions (
snake_case,Object Action) before code is even written. - 🧑💻 Developer Delight: Give engineers copy-pasteable code snippets for Amplitude, Mixpanel, Segment, or GA4, instead of a confusing spreadsheet.
- 🔒 Enterprise Security: 100% local processing. Your Figma tokens and product designs never leave your machine. No cloud, no telemetry.
- 💸 Zero SaaS Tax: Unlike enterprise tools that charge $30-$100/month for tracking plan management, FTT-Agent is free forever.
- Heuristic Engine: Intelligently identifies what needs tracking based on visual properties, names, and prototype interactions.
- Context-Aware Properties: Automatically suggests relevant data properties (e.g., suggesting
priceandproduct_idon an E-commerce screen). - Visual Map: Overlays detected events directly onto the Figma screenshot for easy visual validation.
- Strict Conventions: Enforce team standards with built-in presets (Amplitude, GA4, Segment) or custom formats.
- Template Library: Save common flows (Auth, Checkout, Onboarding) as reusable templates to ensure consistency across features.
- Local History: Automatically saves snapshots of your tracking plans, allowing you to audit changes over time.
Export your tracking plan in the format your team actually uses:
- For PMs: Markdown (Notion/Confluence), CSV (Google Sheets).
- For Data Teams: JSON Schema, Amplitude Data format, Segment Protocols.
- For Engineering (Code Gen): Ready-to-use TypeScript/JavaScript implementations for:
- Amplitude
- Mixpanel
- Segment
- Google Analytics 4
- PostHog
- Generic Wrappers
| Feature | Manual (Excel) | SaaS Alternatives* | FTT-Agent |
|---|---|---|---|
| Auto-Detect from Figma | ❌ | ✅ Yes (Heuristic) | |
| Strict Naming Governance | ❌ | ✅ Yes | ✅ Yes |
| SDK Code Generation | ❌ | ✅ Yes | ✅ Yes (5+ Platforms) |
| Multi-Format Export | ❌ | ✅ 6 Formats | |
| Security & Privacy | ✅ | ❌ Cloud-dependent | ✅ 100% Local |
| Cost | $0 (but slow) | $30 - $500+/mo | $0 Forever |
*Such as Seal Data, Glazed, Avo.
Prerequisites:
- Node.js 18+
- A Figma Personal Access Token (PAT) (optional if using the built-in Demo Mode)
# Clone the repository
git clone https://github.com/your-username/ftt-agent.git
cd ftt-agent
# Install dependencies
npm install
# Run the local application
npm run devOpen http://localhost:3000 to start analyzing your first Figma file.
See the CHANGELOG.md for detailed updates, including the latest Phase 3 additions (Template Library, Snippet Generation).
Built for modern Product & Data teams who want to move fast without breaking their data.