Sync Figma Design Tokens
Directly to Your Codebase
Extract design tokens from Figma, auto-generate CSS, SCSS, and JSON files, and open GitHub pull requests automatically — no manual copy-paste ever again.
Get Started — $12/moFigma API Integration
Connect your Figma files and extract color, typography, spacing, and shadow tokens automatically.
Multi-Format Output
Generate CSS custom properties, SCSS variables, or raw JSON — choose the format your stack needs.
GitHub Auto-PRs
Push token updates as pull requests to any repo, keeping your design system versioned and reviewable.
Simple Pricing
Pro
- ✓Unlimited Figma file connections
- ✓CSS, SCSS & JSON export formats
- ✓GitHub PR automation
- ✓Sync rules & token mapping
- ✓Email support
FAQ
Which Figma token types are supported?
Colors, typography (font family, size, weight, line height), spacing, border radius, and box shadows are all extracted and mapped to your chosen output format.
How does the GitHub integration work?
You connect your GitHub account and select a repository and branch. When tokens change in Figma, the app generates updated files and opens a pull request for your team to review and merge.
Do I need to keep the app open for syncs to happen?
No. You can configure scheduled syncs or webhook-triggered syncs that run in the background, so your tokens stay up to date without any manual action.