Sentry catches errors and collects performance data so you can fix bugs before users report them.

Quick Setup

To enable Sentry in your project, you only need two things:

1. Set isSentryEnabled: true in global.config.ts
2. Add the DSN to your .env.local file:

VITE_SENTRY_DSN=https://[email protected]/xxxxx

Step 1 — Create a Sentry project

1. Go to sentry.io and create an account (or log in)
2. Click Create Project
3. Choose Browser as the platform, then select JavaScript (not React — the plugin runs in an iframe, not a standard SPA)
4. Give your project a name (e.g. "my-figma-plugin")
5. Once created, Sentry shows you a DSN (Data Source Name) — it looks like https://[email protected]/789
6. You can also find it later in Settings → Client Keys (DSN)
7. Paste it into your .env.local file (see above)

Optionally, generate an Auth Token for source maps upload:

1. Go to Settings → Auth Tokens → Create New Token
2. Give it project:releases and org:read scopes
3. Save it in a separate .env.sentry-build-plugin file: