Build Figma plugins with Dodo Payments license key validation and activation
Create Base Plugin
manifest.json
file.Clone the Example Implementation
manifest.json
with the name and ID from your generated plugin folder.Install Dependencies
Configure Environment
API_MODE
in src/ui/api.ts
:test_mode
during development to avoid processing real payments.Customize Components
Authenticated.tsx
to expose functionality for users with valid license keysLicenseKeyInput.tsx
to match your design preferencesAuthenticated.tsx
component is where you’ll add your plugin’s premium features that require a valid license.Configure Network Access
manifest.json
:Configure API Mode
src/ui/api.ts
, configure the API mode:live_mode
only when you’re ready for production and have tested thoroughly in test mode.Import Plugin
Start Development Server
Command | Description |
---|---|
npm run build | Build the plugin for production |
npm run dev | Start development server with file watching |
npm run lint | Check code style and errors |
npm run format | Format code with Prettier |
npm run build