Help Center

What are you looking for?

How to embed a Protopie prototype?

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

  • Open your Protopie file.

  • Click on Cloud in the top right corner.

  • Hit Copy.

Head over to UXfolio:

  • Open your case study in edit mode.
  • Add a Prototype section.
  • Choose Protopie 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