How Do I Embed a Figma Prototype in Canva?

Figma is a great prototyping tool for creating mockup designs of websites and apps. It has a range of features which make it perfect for creating interactive prototypes quickly and easily.

One of the most powerful features is the ability to embed a Figma prototype into Canva. This allows designers to create stunning presentations, websites, or other visuals in Canva using their own Figma prototypes as the starting point.

Embedding your Figma prototype into Canva is a simple process. First, you will need to export your prototype from Figma as an HTML file.

To do this, select ‘Export’ from the top menu and choose ‘HTML’ as the file type. Once you have exported your prototype as an HTML file, open up Canva and select ‘Create a Design’ from the top menu.

Once in Canva, create a new page by selecting ‘Create New Page’ from the dropdown menu on the left-hand side. From here, you can choose any size page you like for your design. When your page has been created, click the ‘+’ icon at the top left-hand corner of your canvas and select ‘Upload Image/Video’ from the dropdown menu.

Now select your exported HTML file from Figma and upload it to Canva. Once uploaded, you can move and resize your prototype on the canvas just like any other image or video element in Canva. You can also use Canva’s other editing tools such as filters or effects, to further customize your design.


Embedding a Figma prototype into Canva is an easy process that can help designers create stunning visuals using their own prototypes as starting points. All it takes is exporting an HTML file from Figma and uploading it to Canva where designers are able to further customize their designs with filters or effects.