Live Preview

Previewing in Mattercraft will listen for changes in your project and will automatically update when these changes occur or are saved, in real-time.

When you click on Live Preview, you will be given the option to scan a QR code, copy and paste a preview URL into a separate browser, or use the Simulator.

These actions will launch your active live preview server.

Live Preview QR code

There’s no need to close this down or scan the QR code each time you want to preview; simply keep the live preview open on your device(s) and make changes.

Preview Settings

In the Settings Panel, you will find a Live Preview Reload option. You can update this based on your preference:

Live Preview Reload options

By updating your settings, you will be able to use live preview more effectively in your workflow.

Example of "On Change" preview setting
Live Preview Reload option Description
On Save Preview will wait until you explicitly save the project before changes are pulled into the live preview.
On Change All changes in the project will be shown in the preview, at real-time.

Simulator

The Simulator is a Live Preview view which opens inside Mattercraft and lets you test your project on different screen sizes.

Using the Simulator


Next Article: Publishing

zapcode branded_zapcode i