#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

What the SDK sends with each event, so you can describe it in your own privacy notice:

• The actionName and optional metric value you pass in
• figma.currentUser.id when your manifest requests identity access (used to count unique users), otherwise an empty value
• Editor type, plugin mode and API version from the Figma runtime
• A country code derived from the request IP; the IP itself is not stored
• Session duration from the WebSocket connection

Tode never reads document contents, file names or layer data. Traffic is encrypted over HTTPS/WSS, events are deleted after your plan's retention window, and nothing is shared with third parties.

#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.