Nice browser. Is it antique?
No, seriously - your browser is so old that some features of patternplate don't work as expected.
Don't worry - you can either continue with a restricted version or install an up-to-date browser.
We messed up.
Sorry, but your user experience might be affected.
- Try reloading the page
- Report the problem at github.com/patternplate/patternplate

Guide 2 - Add Design Drafts

👩‍🎓 Level: Beginner


In this guide you will learn how to integrate your freshest design drafts into your prototype.

1. Export a design component

Export a design component from your favorite design tool – like Sketch, Figma or Photoshop – as SVG, PNG or JPG.

2. Add an Image Component

Add the Image Component from the Essentials library and drag it onto the element list above.

3. Upload your design component

After selecting the component, you’ll see an Image property on the right side. Click on "Select" and then select your exported file.

4. Set the image size

You can adjust the size of your component and even define minimum or maximum sizes. For example, your component can be 80% width, but at maximum 1280px.


Next

Let's learn how to create a prototype from our designs by adding interactions.