Loading…
Token Code is a Figma plugin that converts design tokens (color, typography, effects, spacing) into code outputs across more than 10 formats, including CSS, SCSS, Tailwind, TypeScript, Shopify Liquid, Swift, and Android. It also exports Local Styles as CSS and supports generating code from Local Variables or Local Styles for easy integration into various tech stacks. The plugin is free to use and is designed to streamline the design-to-code workflow for both designers and developers.
AI named Token Code from November 2025 to February 2026.