Back to Plugins
Design Token Converter

Design Token Converter

From Design Tokens to Production Code – CSS, Dart, Kotlin, Swift UI

Plugin Preview

Design Token Converter preview

About this plugin

Bridge the gap between designers and developers with one powerful plugin.


Built for designers who manage design tokens and need fast, code-ready exports for developers — ensuring one consistent source of truth across web and mobile platforms.


Design tokens were meant to be the solution. But in reality, developers still need to convert those tokens into platform-specific code (CSS, Swift, Kotlin, Flutter, etc.). This usually means extra steps: exporting tokens, using external tools, generating code, sharing files, and repeating the entire process every time there’s a change.


With this plugin, everything happens in one place:


Two workflows to choose from:


Automatic GitHub Integration → Push tokens directly to a repo agreed upon by your team. Developers simply pull and get the updated files instantly.


Manual Export → Download the generated files in one go and share with developers.


Key Features:


Multi-language support: CSS, Swift, Kotlin, Flutter — ready for production.


Maintains token hierarchy & naming conventions automatically.


Zero manual errors: Streamlined conversion saves time and prevents mistakes.


Secure GitHub integration: Your tokens are never stored by the plugin.


Trusted workflow: Keeps design systems consistent across platforms and teams.


Save time, reduce errors, and streamline collaboration between design and development — all in one plugin.

Plugin Details

Version7
CreatedOctober 1, 2025
Last UpdatedOctober 16, 2025
CategorySoftware development
CreatorMuhammed Bn Loutfy
Stats4 installs, 1 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
    • https://raw.githubusercontent.com