

JSON Exporter/Importer is a Figma plugin designed to facilitate seamless collaboration between designers and developers by handling design tokens efficiently. Its main purpose is to eliminate manual copying of hex codes and format conversions, making token management straightforward within the Figma environment.
The plugin exports design tokens to multiple code formats including CSS Custom Properties, SCSS, Swift, Android XML, Dart, TypeScript, and Tailwind config. It also features import functionality that allows users to bring tokens from other tools into Figma while preserving existing work. Users can preview imports before applying them, resolve conflicts that may arise, and undo changes if something goes wrong during the process.
The tool works directly within Figma, enabling one-click exports to all major formats needed by development teams. For imports, it provides a preview mechanism to review changes before finalizing, along with conflict resolution capabilities to manage overlaps with existing tokens.
Benefits include streamlined design-to-development handoff, elimination of manual format conversion struggles, and preservation of existing work during imports. Use cases involve exporting design tokens for web projects using CSS/SCSS, mobile apps using Swift/Android XML, and frameworks like Tailwind or TypeScript.
The target users are designers who need to export design tokens and developers who require tokens in specific formats. It integrates directly with Figma as a community plugin and supports token management workflows for design systems.
admin
This product is for designers who need to export design tokens to various code formats and developers who require tokens in specific formats like CSS Custom Properties, SCSS, Swift, Android XML, Dart, TypeScript, or Tailwind config. It serves teams working on design systems and anyone facing design-to-development handoff challenges with token management.
Updated 2026-03-02