How to Embed in Framer
- George Apostolov
How to Embed in Framer: step-by-step guide
Click 'Insert'.
Select 'Embed'.
Go to the 'Embed' section and add the Figma 'URL'.
Paste the link and it will automatically be embedded into your canvas.
Quick answer: To embed content in Framer, click Insert and select Embed. Next, go to the Embed section and add the Figma URL. Finally, paste the link so it automatically embeds into your canvas.
About this Framer tutorial
Add external content to your canvas by embedding a Figma URL directly into Framer following a few simple steps. This guide shows how to embed in Framer in 4 steps, starting with "Click 'Insert'" and finishing with "Paste the link and it will automatically be embedded into your canvas". The interactive demo above is a click-through copy of the real Framer interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to embed in Framer?
4 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Framer data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Framer. Related guides: How to Get Code from Framer, How to Go Back on Framer and How to Group Elements in Framer. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
