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.