Switching to Preview is instant and easy, allowing you to test your designs with just one click.

How to Enter Preview

1. First, click or double-click the screen you want to interact with from the design interface

1. You'll see options for different viewing modes. Click the Preview button (or press P on your keyboard for quick access).

1. Your design will immediately transition to interactive mode—buttons become clickable, navigation works, and forms accept input. The canvas refreshes to show your design in its interactive state, ready for testing.

If you're working on a multi-screen project, Preview maintains context across all your screens. You can navigate between screens using the links and buttons you've designed, just as users would in the final product. The left sidebar collapses to give you maximum screen space, putting the focus entirely on the prototype experience.

Use the back/forward arrows in the top navigation to navigate your browsing history, or click the refresh button to reset the prototype to its starting state.

Pro tip: Before entering Preview, make sure your interactions are set up the way you want them. While you can still make changes in Preview using the prompt field, it's often easier to add interactions in Design Mode first, then switch to Preview for testing and validation.

<aside>

Did this answer your question?

If you have any further questions, please reach out to [[email protected].](mailto:[email protected].)

</aside>