Figma Bridge

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. No exports, no screenshots, no per-design plugins.

Two parts, one bridge

1. This AGNT plugin. Install it here. It adds a Figma Bridge widget (the Send to Figma button), four tools and a skill so Annie can send designs for you.
2. The AGNT Bridge Figma plugin. Free. It ships inside this plugin (the widget's Open plugin folder button), or download it from agnt.gg/figma-bridge.

Set up in two minutes

1. Install Figma Bridge from the AGNT Marketplace and add the Figma Bridge widget to a workspace.
2. In the Figma desktop app: Plugins → Development → Import plugin from manifest… and choose the AGNT Bridge manifest.
3. Run AGNT Bridge in Figma, press Get a pairing code in the widget, and type the code into Figma.
4. Pick a design and press Send to Figma.

What comes through

• 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 / 3D canvases and embeds as image layers in the right place
• Scroll-animated sections captured in their finished state

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 a single state: reveals finished, 3D as stills.
• Fonts Figma doesn't have are reported, and fonts a design ships are saved so you can install them.

Private by design

Everything stays on your computer. AGNT and Figma talk over a paired local connection (localhost only). No server in between, no Figma token, nothing uploaded.