Desynq
ProductsWith ClaudeComparePricingSupport
Get plugin
Figma plugin

Get Desynq for Figma

Desynq lives inside Figma. Install the plugin, select your frames, and export — your screens land right here for code + download.

Install from Figma Community →

How to install (manual, ~1 min)

  • Open the Figma desktop app (manual import needs desktop, not the browser).
  • Top menu → Plugins → Development → Import plugin from manifest…
  • Choose figma2flutter/plugin/manifest.json.
  • Open any screen, then Plugins → Development → Desynq.

How to use it

  • Type a project name (files land in lib/<project>/).
  • Tick the frames you want, or select them on the canvas.
  • Hit Generate — each screen uploads to Desynq.
  • Click “Open project on Desynq ↗” to view the code + live preview here.

After you export, your screens appear on your dashboard.

Step 2 · With Claude

Then make it production code

Add the Desynq plugin to Claude Code once. After that, one command rebuilds any project with a clean theme, shared widgets and real navigation — every screen checked against your design. Included in every paid plan.

# once, inside Claude Code
/plugin marketplace add buildwithme65-ux/desynq-plugins
/plugin install desynq@desynq

# every project: one folder, trusted once
mkdir -p ~/Desynq && cd ~/Desynq && claude --permission-mode auto
/desynq:cleanup <your project id>

The first run asks you to sign in to Desynq once. After that it runs on its own and never stops to ask you anything. It uses your own Claude subscription — we never add an AI bill. See pricing

Step-by-step setup guide →
© Desynq · Figma to FlutterFigma to Flutter · How-to guide · Auto Layout to Flutter · Best tools · vs FlutterFlow · Pricing · Support · Privacy · Terms · buildwithme65@gmail.com