#Introduction to Tode SDK

Tode is the easiest way to add analytics for Figma plugins and widgets. Track user interactions, measure engagement, and understand how designers use your plugin all with just a few lines of code.

#Why Tode?

Building a successful Figma plugin requires understanding your users. Tode provides powerful analytics for Figma plugins that help you:

• Track user actions - Know which features are used most
• Automatic session tracking - Session duration is tracked automatically, no configuration needed
• Capture custom metrics - Track any numeric value you need
• Analyze by country - See where your users are located

#Quick Overview

Tode provides native adapters for all popular frameworks used in Figma plugin and widget development:

#Installation

Choose the adapter that matches your Figma plugin UI framework:

# React
npm install @tode-sdk/core @tode-sdk/figma-react
 
# Vue
npm install @tode-sdk/core @tode-sdk/figma-vue
 
# Angular
npm install @tode-sdk/core @tode-sdk/figma-angular
 
# Svelte
npm install @tode-sdk/core @tode-sdk/figma-svelte
 
# Vanilla JS/TS
npm install @tode-sdk/core @tode-sdk/figma-vanilla

#Privacy and Security

• All data is anonymized - no personal information is collected
• Communication is encrypted via HTTPS/WSS
• Data is stored securely and never shared with third parties
• Compliant with Figma plugin guidelines

#Next Steps

Ready to add analytics to your Figma plugin? Choose your framework guide:

1. React Guide - Most popular for Figma plugins
2. Vue Guide - Great for Vue-based UIs
3. Angular Guide - For Angular applications
4. Svelte Guide - Lightweight and fast
5. Vanilla JS Guide - Framework-agnostic option

Or jump straight to the API Reference to see all available methods.