Inkbridgeinkbridge
Free

Dev Server Connection

Connect the Figma plugin to your local dev server in one click — no manual config required.

How it works

The plugin connects to your local dev server to fetch component definitions on demand. Run `pnpm figma:dev` (added by `inkbridge setup`) to start Next.js with the Figma scanner API route enabled. The plugin auto-discovers your server by probing ports 4000, 3000, and 5173 in order — whichever responds first wins. No URL to configure.

Usage

  1. 1

    Run `pnpm figma:dev` in your project root to start the dev server.

  2. 2

    Open a Figma file and launch the plugin from Plugins → Development → Inkbridge.

  3. 3

    The plugin probes ports 4000, 3000, and 5173 automatically — no URL to configure.

  4. 4

    Click 'Generate Design System Page' to trigger a scan. The plugin fetches live component data from your server on every run.

setupdev-server

Related