Embed Figma files
Use Figma's Embed Kit to integrate Figma files and prototypes into your apps and websites.
Overview
There are many places you may want to integrate live, up-to-date versions of Figma files and prototypes:
- Business and collaborative apps, such as letting users embed Figma files in documents.
- Internal tooling, such as extensions or workflows developed to support your organization's teams.
- Personal and professional websites like blogs or portfolios.
Figma provides comprehensive support for embedding files and prototypes. When you embed a Figma file, you can use attributes to easily enable or limit various aspects of the embed. For example:
- Control whether users can pan or zoom in the embed viewport.
- Choose whether users can select pages in the file.
- Specify whether a file opens in design or Dev Mode.
- Permit or restrict if a file or prototype can be expanded to full screen.
- Apply dark, light, or system themes.
With JavaScript, you can also augment embedded prototype behavior by posting messages and handling events emitted by the prototype.
To see Figma's embed features at work, check out a number of integrations where they're already used: