With Claude

Set up Desynq in Claude Code

About 3 minutes, and you only do it once. After that, turning any project into production Flutter code is one command. It runs on your own Claude plan.

Before you start, you need:

Claude Code installed on your computer (get it here)
A paid Claude plan (Pro or Max)
Flutter installed (install guide)
A project on Desynq. No project yet? Export one from Figma first.

Open Claude Code in a Desynq folder

Open the Terminal app (on Mac: press ⌘ Space, type "Terminal", press Enter) and paste this:

mkdir -p ~/Desynq && cd ~/Desynq && claude --permission-mode auto

This makes a folder called Desynq in your home folder, so all your projects stay in one place.

You'll see: Claude Code starts. The first time, it asks if you trust this folder: choose Yes.

Add the Desynq plugin

Inside Claude Code, paste these two lines, one at a time, pressing Enter after each:

/plugin marketplace add buildwithme65-ux/desynq-plugins

/plugin install desynq@desynq

You'll see: A message that desynq was installed. If it asks you to restart, type /exit and do step 1 again.

Connect your Desynq account

In Claude Code, type /mcp and press Enter.
Choose desynq, then Authenticate.
Your browser opens. Sign in with Google, using the same account as this website.

You'll see: A page that says Connected. Close it and go back to Claude Code.

Run it on your project

Open your project from your dashboard. In the "Turn this into production code" box, copy the command. It looks like this:

/desynq:cleanup <your project id>

Paste it into Claude Code and press Enter.

You'll see: "Setting up the project…", then "Building N screens…", then "Done: X of N screens match the design. Your code is in ./desynq_<project>". Small projects take a few minutes, big ones longer. You can leave it running.

Open your app

In a new Terminal window, go into the project folder it named in step 4 and run these, one at a time:

cd ~/Desynq/desynq_<project>

flutter create .

flutter run

flutter create . adds the Android, iOS and web folders for your Flutter version. You only need it the first time.

You'll see: Your app running, with every screen built from your design.

Next time: skip steps 2 and 3. Just do step 1, paste the command from your project page (step 4), and open your app (step 5).

If something goes wrong

It says "Unknown command /desynq:cleanup"

The plugin isn't installed yet. Do step 2 again, then type /exit and start Claude Code again with step 1.

It says I'm not signed in

Do step 3: type /mcp, choose desynq, and sign in with the same Google account you use on this website.

It stopped halfway (laptop closed, internet dropped, Claude limit reached)

Nothing is lost. Open Claude Code in the same folder (step 1) and paste the same command again. It carries on from where it stopped.

Which Google account should I use?

The same one you use on this website. Your projects belong to that account.

Does it cost anything extra?

We never add an AI bill. It runs on your own Claude plan, so it uses your plan's usage; bigger projects use more. See pricing

How do I get the latest version?

Inside Claude Code, paste /plugin marketplace update desynq once in a while.

Still stuck? Contact support.