Token Launch
Connect your design tokens with Git
Plugin Preview
About this plugin
Turn your Figma design tokens into code -- in one step.No technical knowledge required.Token Launch extracts your colours, gradients, typography, effects, and variables. It then sends them directly to your development team's codebase on GitHub, or as a downloadable file.Built by a designer for designers who want to eliminate manual token handoff and keep design and code perfectly in sync.---✅ PERFECT FOR:- UI/UX Designers who want to streamline handoffs- Design System Teams managing design tokens- Product Managers coordinating design-dev workflows- Small Teams wanting better design-code consistency- Anyone tired of manually copying design values---⚙️ HOW IT WORKS:1. Run the plugin in your Figma file2. Choose how to share:GitHubDownload file3. Select where in the repo your tokens should be pushed to4. Your tokens are delivered to your development teamThat's it! No coding knowledge required.---📦WHAT GETS EXTRACTED:- Colour styles (all types)- Typography stylesfonts, sizes, weights, line heights, letter spacing- Effect styles (shadows, blurs)- Figma variables and collections with full mode supportThe plugin finds everything automatically!---🔗GITHUB INTEGRATION (OPTIONAL - 5 MINUTE SETUP):- One-time setup with step-by-step guidance- Safe workflow - you control what gets shared and when- Helpful tooltips at every step- Built-in GitHub token creation guide- Clear error messages with solutions- In-app branch selection and new branch creation---📁 MANUAL WORKFLOW (no Setup required):- Download tokens as JSON file- Share with your developer however you prefer- Perfect for quick exports or one-off sharing---🎨 BUILT FOR DESIGNERS:- Simple, clear interface - no technical jargon- Built-in help at every stage- No coding knowledge required- WCAG AA accessible---🔒 SECURE & PRIVATE:- All credentials encrypted and stored locally in Figma- No data sent to third parties- Direct connection between Figma and GitHub only- You control what gets shared and when- Industry-standard security practicesPrivacy Policy: https://github.com/SilvT/Token-Launch-Plugin/blob/main/PRIVACY.md---🔁 DAILY WORKFLOW:1. Update your design tokens in Figma as usual2. Run Token Launch3. Push to GitHub4. Your developer receives the updates (file with a timestamp)5. Code stays in sync with design---KEYWORDS:design tokens, design systems, GitHub integration, developer handoff, design to code, token extraction, variables, styles, automation, workflow, design ops, frontend development, git, handoff, push, tokens
Plugin Details
| Version | 2 |
|---|---|
| Created | January 6, 2026 |
| Last Updated | January 6, 2026 |
| Category | Import & export plugins |
| Creator | Silvs |
| Stats | 2 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:build/main.js
- Document Access:dynamic-page
- Network Access:
Required for GitHub integration and Phosphor Icons CDN - GitHub API for pushing design tokens and unpkg.com for icon fonts
- Editor Types:figma
- Allowed Domains:
- https://api.github.com
- https://unpkg.com
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML