This article addresses common issues users encounter when working with prototypes in the Web App.
On this page
Why is my prototype not showing in the Web app?
If you saved your document in a Workspace but the prototype isn’t appearing, ensure an artboard is set as the starting point. Here’s how to check this:
- Open the Mac app and select the artboard you want as the starting point.
- Go to Prototype > Use Artboard as a Start Point in the menu bar.
- Save your changes.
Once set, reload your browser. The prototype should now be available.
How do I adjust my prototype to fill the screen?
Now you can use the Fit settings in the prototype player toolbar to control how it displays:
- Open the prototype in the Web app.
- In the top-right corner of the toolbar, adjust the view using the following options:
- Fit to Width: Adjusts the prototype to match your screen’s width.
- Fill: Scales the prototype to fill your entire screen.
- Actual Size: Displays the prototype at 100% of its original size.
You can also use these keyboard shortcuts to switch between view modes quickly:
- ⇧ 0 (Shift + 0): Fit to Width
- ⇧ 1 (Shift + 1): Fill
- Z (letter Z): Actual Size
These shortcuts work even when the toolbar is hidden, allowing you to adjust the view during presentations or user testing.
Can I disable the toolbar or and hotspots in the prototype view ?
Yes, you can hide the hotspots, toolbar, and navigation to create a cleaner, more client-friendly, and distraction-free experience in your prototype.
For detailed instructions on how to do this in different Sketch environments, check out this tutorial.
Can I hide prototype links while editing a document?
When working with complex prototypes in the Mac app, you might find the canvas cluttered with prototype links, making it harder to focus on your design.
Currently, there are two options to manage these visual links:
- Show All: Displays all prototype links on the canvas at all times. This happens when your Inspector tab is set to Prototype instead of Design.
- Show with Selection: Displays only the prototype links for the selected artboard. This happens when your Inspector tab is set to Design.
If no artboards are selected, prototype links won’t appear, allowing you to view your designs without distractions. You can easily bring the links back into view by selecting an artboard.
If you cannot find your answer or the problem persists, contact us with as much detail as possible about the issue.