Introducing Figma’s Live Embed Kit | Figma Blog (opens in new tab)
Figma’s Live Embed Kit lets anyone place continuously updated Figma designs and prototypes on websites or inside third-party tools. Embeds use a simple iframe and remain synchronized with the original file, eliminating repeated exports and uploads. Figma presents the kit as a way to improve team communication and signals future platform tools, including a planned API.
Simple Embedding for Websites and Tools
- Users can select Share → Public embed in a Figma file and copy the generated iframe code.
- Developers can integrate Live Embeds into their own products using Figma’s embed documentation.
- Third-party platforms such as Trello, JIRA, and Dropbox Paper can enable Figma embeds for their users.
Always-Up-to-Date Designs
- Because Figma runs on the web, embedded files stay synchronized with the source document.
- Small changes—such as adjusting padding or replacing an icon—appear automatically in every embed.
- Teams no longer need to re-export designs or upload updated files manually.
Collaboration Use Cases
- Internal wikis can display live designs alongside project and feature documentation.
- Team messaging apps can let users share the latest design versions in conversations.
- Blogs and project pages can show designs that remain current for readers.
Broader Platform Direction
- Figma aims to reduce the confusion caused by outdated files scattered across email, Slack, and file-sharing services.
- The Live Embed Kit is described as an early step in expanding Figma’s platform.
- Figma planned to release an API for retrieving additional information from files and incorporating it into new workflows.
The kit is recommended for teams and developers that want design updates to flow automatically into the places where people communicate, document, and build products.