174 / 290

JSON Exporter/Importer

JSON Exporter/Importer - Product Hunt launch logo and brand identity

Figma plugin that bridges the gap between design and dev...

#Design Tools #Developer Tools #Design resources

JSON Exporter/Importer – Figma plugin for exporting and importing design tokens

Summary: JSON Exporter/Importer is a Figma plugin that exports design tokens to multiple code formats and imports tokens from other tools while preserving existing work. It supports CSS Custom Properties, SCSS, Swift, Android XML, Dart, TypeScript, and Tailwind config formats.

What it does

The plugin exports design tokens from Figma to various developer-friendly code formats and imports tokens with preview, conflict resolution, and undo options.

Who it's for

It is designed for designers and developers working with design systems who need to exchange design tokens efficiently.

Why it matters

It eliminates manual copying and format conversion, streamlining the handoff of design tokens between design and development.