Figma Live Embed

Live embeds of your Figma files now work on sites and services that support

Simply copy the URL to your public Figma files and paste them in your Medium articles or Reddit posts.

Figma's Live Embed Kit is now available to third party developers and the public. This is the first step of a much larger journey for the Figma platform.  We're excited to see how others use their Figma files in other web-based tools. From personal websites and portfolios, to internal wikis and beyond. 

Here's how it works:

  1. Open the (public) Figma document you want to share
  2. Click the Share button, then "public embed"

3. Copy the iFrame code to save it to your clipboard

4. Paste the code into the body of your webpage

Pan and zoom the embed and watch as changes are made to the file in real time. 

If needed, you can adjust the width and height of the embed by adjusting the width= and height=  parameters in the iFrame code.

Link to a specific frame

If you don't need to link to the entire file, you can link to a selected frame with the steps below:

  1. Select the specific frame in your file
  2. Click Share in the upper right corner of the toolbar
  3. Check the box for Link to selected frame

Be sure to read "Introducing Figma's Live Embed Kit" on our blog. You can also visit the platform page on our website. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.