Back to Plugins
Design System Sync

Design System Sync

Export strings & colors automatically to GitHub.

Plugin Preview

Design System Sync 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

Version6
CreatedJanuary 19, 2026
Last UpdatedFebruary 10, 2026
CategorySoftware development
CreatorZeyad Abdullah
Stats34 installs, 18 likes
PricingFree

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