Help Center

What are you looking for?

How to embed a Framer prototype?

Follow these steps to embed a Framer prototype into your case study:

  • Open your Framer file.

  • Click on Publish.

  • Copy your framer icloud link.

Head over to UXfolio:

  • Open your case study in edit mode.
  • Add a Prototype section.
  • Choose Framer from the list.
  • Paste your Prototype code into the box.
  • Hit Embed.

For the perfect sizing, change the width of your embedded prototype:

  • Hover on the prototype section.
  • Click Update.
  • Change width:
    • A full-width embedded Prototype should be 1145px wide.
    • A prototype next to a textbox should be 648px wide.

© 2013 - 2024 UXfolio LLC