Design System Sync
by Alexander
Export design tokens to GitHub automatically with AI code generation
Installs
67
Likes
21
Users
331
Views
1,863
Preview
About this plugin
Design System Sync helps you export Figma design tokens and components to your codebase automatically.
🚀 KEY FEATURES:• Export design tokens as JSON, CSS Variables, or Style Dictionary• Sync directly with GitHub & Bitbucket via Pull Requests• AI-powered code generation (React/HTML) with accessibility built-in• Real-time design system updates to your repository• WCAG 2.1 AA compliant code generation💎 FREE TIER:• 5 exports included• All export formats (JSON, CSS, Style Dictionary)• GitHub & Bitbucket integration⭐ PRO TIER ($10/month or $100/year):• Unlimited exports• AI Code Generation for components• Priority support• 7-day free trial included📚 SETUP:
1. Install the plugin2. Select your Figma variables or components3. Connect your GitHub/Bitbucket repository4. Export and sync automatically🔗 Links:https://ds-sync.netlify.app/• Official page: https://ds-sync.netlify.app/• Documentation: https://ds-sync.netlify.app/guide• Privacy Policy: https://ds-sync.netlify.app/privacy• Support: https://github.com/alexanderuk82/figma-plugin-json-export/issues
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.