Deasy Design System Sync

About this plugin

Keep Figma variables in lockstep with your Deasy design system.

This plugin pulls the latest Deasy export and applies it to the currently open Figma file as local Variables—no copy/paste.

What it updates

Color variables: creates/updates Color collection (e.g., red-500, gray-700)

Numeric variables: creates/updates FontSize, CornerRadius, BorderWidth (e.g., sm, md, lg)

Modes: adds a default light mode in each collection (theme modes roadmap-ready)

How it works

From Deasy: click “Export to Figma” and target this file (by file key).

In Figma: open the target file, run “Deasy Sync”.

On open: the plugin detects the file key, checks Deasy for a pending job for this file, and applies it once. You can also press “Sync Now”.

Where to find the result

Right sidebar → Variables panel → Local:

Collections: Color, FontSize, CornerRadius, BorderWidth

Variables named from your Deasy tokens (e.g., red-500, sm, md)

Publish the file as a Library to reuse across other files.

Safety and behavior

Idempotent: updates or creates variables by name; no mass deletions.

Local-only: does not modify published libraries directly.

Status reporting: sends job progress back to Deasy (picked_up → applying → success/failed).

Requirements

Deasy account with tokens configured.

Figma design file (not FigJam).

Variables enabled in your Figma environment.

Troubleshooting

If the file key can’t be detected, enter it manually (found in the file URL after /file/).

Ensure an export job was created from Deasy for this specific file key before opening the plugin.

Variables won’t appear in Styles; view them in the Variables panel.