Design System Sync
Export strings & colors automatically to GitHub.
Plugin Preview
About this plugin
🎨 Design System SyncAutomate your design system and localization workflow!Export Figma variables (strings, colors & typography) directly to GitHub with automated pull requests. Perfect for multi-platform mobile development.✨ What It Does🌐 Localization (Strings)- Export string variables in 30+ languages- Android XML (`strings.xml`)- iOS Localizable.strings- Flutter ARB files- Multi-mode support (English, Arabic, Spanish, etc.)🎨 Design Tokens (Colors)- Export color variables as design tokens- Android XML (`colors.xml`) + Jetpack Compose (`Color.kt`)- iOS UIKit/SwiftUI color extensions- Flutter Dart colors (`AppColors`)- Full RGBA support with hex conversion✍️ Typography (Font Styles) - NEW in v3.0!- Export text styles from Figma- Android Compose (`Typography.kt`)- iOS UIFont/SwiftUI Font extensions- Flutter TextStyle definitions- Complete font weight & sizing support🚀 Automation- Creates pull requests automatically- Updates multiple files in one commit- Customizable branch names and PR templates- Settings persistence for quick exports💡 How It Works1. Create string/color variables and text styles in Figma2. Configure your GitHub repository (one-time setup)3. Select export types: Strings, Colors, and/or Fonts4. Click "Load Variables" → "Export to GitHub"5. Review the automated pull request6. Merge and deploy!🎯 Perfect For✅ Kotlin Multiplatform projects✅ Android apps with Jetpack Compose✅ iOS apps with SwiftUI or UIKit✅ Flutter applications✅ Cross-platform mobile teams✅ Design system maintenance✅ Multi-language applications📦 Supported PlatformsAndroid:- XML strings & colors- Jetpack Compose Color.kt & Typography.kt- Kotlin Multiplatform readyiOS:- Localizable.strings- UIKit UIColor & UIFont extensions- SwiftUI Color & Font extensionsFlutter:- ARB localization files- Dart color theme- TextStyle typography🆕 What's New in v3.0- 🦋 Flutter support - Complete integration with ARB, colors, and typography- ✍️ Typography export - Font styles for Android, iOS, and Flutter- 🎨 Enhanced UI - Export strings, colors, and fonts separately or together- 🧪 Quality assured - 60+ automated tests for reliability- 📊 Better stats - See exactly what's being exported- 🔧 Improved stability - Better error handling and edge case support🔐 Privacy & Security- Your GitHub Personal Access Token is stored locally in Figma- No data is sent to third-party servers- Only communicates with GitHub API (api.github.com)- Open source - audit the code yourself🆓 Free & Open SourceThis plugin is completely free to use and open source under MIT license.GitHub Repo: https://github.com/ZeyadAbdullah679/design-system-sync/Made with ❤️ for multi-platform development teams
Plugin Details
| Version | 6 |
|---|---|
| Created | January 19, 2026 |
| Last Updated | February 10, 2026 |
| Category | Software development |
| Creator | Zeyad Abdullah |
| Stats | 34 installs, 18 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.github.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.