In AGNT
The Figma Bridge plugin
- Open AGNT and go to Marketplace, or use the button below.
- Open Figma Bridge and install it.
- Add the Figma Bridge widget to a workspace. That is your Send to Figma button.
AGNT plugin · Figma
Design in AGNT. Land in Figma.
Figma Bridge turns any HTML design you make in AGNT into real, editable Figma layers: frames, live text, images, vectors and effects. One click, straight onto your canvas.
How it works
Two plugins, one bridge.
01 · RENDER
AGNT lays the page out
Your design opens in a background browser. Lazy images load, scroll reveals fire, and 3D scenes and videos are captured in place.
02 · SEND
Over a private local link
The finished layers travel to Figma on your own computer through a paired connection. No server in between, nothing uploaded.
03 · BUILD
Figma builds real layers
The AGNT Bridge plugin creates editable frames, text, images and vectors on a page called AGNT. One undo removes it.
Set up · about two minutes
Install both halves once.
In Figma
The AGNT Bridge plugin
- Download the plugin and unzip it somewhere permanent. It also ships inside the AGNT plugin: the widget's Open plugin folder button takes you there.
- In the Figma desktop app: Plugins → Development → Import plugin from manifest… and pick
manifest.json. - Run AGNT Bridge, press Get a pairing code in the AGNT widget, and type the code into Figma.
What comes through
Editable, not a screenshot.
- Real text in the fonts AGNT drew, with line breaks pinned so nothing re-flows
- Photos, background images, tiles and SVG icons as editable vectors
- Gradients, borders, radii, shadows, blur, clip-path shapes, rotation and blend modes
- Video frames, WebGL and 3D scenes, and embeds as image layers in the right place
- Form fields, checkboxes, outlines and ::before / ::after decorations
Good to know
- Works with the Figma desktop app, with AGNT and Figma on the same computer.
- AGNT renders designs with your installed Chrome, Edge or Brave.
- Motion becomes one state: reveals finished, 3D as stills.
- Fonts Figma doesn't have are reported. Fonts a design ships are saved so you can install them.
- Layout arrives as positioned layers, not auto-layout.
Questions
Frequently asked
Does my design go through AGNT's servers?
No. AGNT renders the design on your computer and sends the layers to Figma over a local connection on localhost, protected by a one-time pairing code. Nothing is uploaded, and no Figma account token is used.
Why is the plugin under Plugins → Development?
The AGNT Bridge Figma plugin is installed from its manifest file rather than from the Figma Community, so Figma lists it under Development. It runs the same either way. Import it once and it stays there.
Does it work in Figma in the browser?
Not yet. Plugins imported from a manifest only run in the Figma desktop app, and AGNT and Figma need to be on the same computer.
Is this the same as Figma's MCP server?
No. Figma Bridge does not use Figma's MCP server or its API tokens. It uses Figma's standard plugin system to build layers directly in the file you have open.
What if Figma says "AGNT isn't reachable"?
Open the Figma Bridge widget in AGNT once. It starts the local relay, and the Figma plugin reconnects on its own within a few seconds.