How to Embed a Widget in Figma
Figma supports embeds natively in FigJam boards via the Embed widget, and in design files through prototype links and plugins. Paste your Embeddy widget URL to add live, interactive content alongside your designs.
On this page
Prerequisites
Before embedding, make sure you have the following ready:
- An Embeddy widget: Create one for free at embeddy.ai/dashboard. Your widget must be published so it is publicly accessible.
- Your Embed Link: In the Embeddy dashboard, copy the Embed Link URL:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID. - A Figma account: Free, Professional, Organization, or Enterprise — embeds work on all plans.
Where is my Embed Link? In the Embeddy dashboard, select your widget, click the Share / Embed panel, and look for the Embed Link option. It is the direct URL — not the <iframe> snippet.
Method 1: FigJam Embed Widget
Recommended for FigJam boards
FigJam has a native Embed widget that renders external URLs inline on your board. This is the simplest way to display an Embeddy widget in Figma's ecosystem.
- 1
Open a FigJam board
Create a new FigJam board or open an existing one.
- 2
Paste the URL directly onto the canvas
Click anywhere on the board and press Ctrl/Cmd + V to paste your Embed Link. FigJam auto-detects URLs and offers to embed them.
- 3
Confirm the embed
FigJam will show a prompt — select Embed to render the widget inline. Your URL:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID
- 4
Resize the embed
Drag the corner handles to resize the embed frame on the board. All collaborators will see the embedded widget in real time.
Tip: You can also use the / quick-actions menu in FigJam, search for "Embed", and paste your URL in the input field that appears.
Method 2: Figma Prototype Link
For Figma design files — open widget via prototype interaction
Figma design files do not have a direct "embed URL" block like FigJam. However, you can link a frame or button to open your Embeddy widget URL as a prototype interaction, which opens it in an overlay or new tab.
- 1
Create a trigger element
Design a button, card, or any frame that will serve as the click target to open the widget.
- 2
Switch to Prototype mode
In the right panel, switch from Design to Prototype tab.
- 3
Add a link interaction
Click your trigger element, add an interaction, set the action to Open Link, and paste your Embed Link:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID
- 4
Test in Prototype Preview
Press Play to preview the prototype and click the trigger element to verify the widget opens.
Note: This method opens the widget in a new browser tab during prototype preview. It does not render the widget inline within the Figma canvas. For inline embedding, use FigJam (Method 1) or a Figma plugin (Method 3).
Method 3: Figma Plugin (Widget)
Advanced — use a community plugin for inline embeds
The Figma Community offers plugins and widgets that can render iframes or web content directly on the design canvas. Search for "iframe" or "web embed" in the Figma Community to find a suitable plugin.
- 1
Browse Figma Community plugins
Go to Resources (the grid icon in the toolbar) and search for "embed" or "iframe". Install a plugin that supports URL-based embeds.
- 2
Run the plugin
Right-click on the canvas, go to Plugins, and run the installed embed plugin.
- 3
Paste your Embeddy URL
Enter your Embed Link in the plugin's URL field:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID
Limitations
Keep these Figma-specific constraints in mind:
No native inline embed in Figma design files
Unlike FigJam, Figma design files do not have a native embed block. You need to use prototype links (which open in a new tab) or community plugins for inline embeds.
FigJam embeds are read-only for viewers
Viewers with "can view" access on a FigJam board may not be able to interact with embedded content depending on permission settings. Editors can always interact.
URL must be HTTPS
Figma only supports HTTPS URLs for embeds. All Embeddy widget URLs use HTTPS by default, so this should not be an issue.
Troubleshooting
FigJam shows a link card instead of an embed
When pasting a URL, FigJam may default to a bookmark/link card. If this happens, right-click the card, look for a "Convert to embed" option, or delete it and try pasting again — this time explicitly choosing Embed from the prompt.
Embed shows a blank white frame
This usually means the widget is not accessible:
- Widget not published. Publish it in the Embeddy dashboard.
- Incorrect URL. Re-copy the Embed Link from the dashboard.
Prototype link does not open the widget
Make sure the interaction action is set to Open Link (not Navigate To). Also ensure the URL starts with https://.
Still stuck? Reach out on Discord or contact support.
FAQ
Does embedding work with Figma's free plan?
Yes. FigJam embeds and prototype links work on all Figma plans including the free Starter plan.
Can I embed an Embeddy widget directly on a Figma design canvas?
Not natively — Figma design files do not support inline URL embeds. Use FigJam for inline embeds, or use a community plugin that supports iframe rendering. In design files, prototype links are the best built-in option.
Will the widget update automatically?
Yes. The embed loads from the live URL, so changes published in the Embeddy dashboard appear immediately wherever the widget is embedded.
Ready to embed your widget?
Head to your Embeddy dashboard to create or find your widget, copy the Embed Link, and add it to your Figma file or FigJam board.