External Preview

To create a preview page to share externally, follow these steps:

  1. Open the Preview Panel on the right-hand side of the editor.
  2. Select the sizes you would like to include in your preview using the checkboxes for each size.
  3. Tap the "External Preview" button at the bottom of the panel.

External preview pages are perfect for when you need to share your design for approvals or review. External preview pages can be shared with anyone, and will always display the most up-to-date version of your designs. 

If you save a change to your design in Flexitive, the change will be visible on the preview page after you refresh the preview page.

Optimized Assets

When reviewing an external preview page, we ensure that all assets are optimized in a way consistent with how they'll appear in the final published version of your design. For that reason, there may be times where you see the modal below when you first load a preview page.

Once all the assets for your design have been optimized and loaded to the preview page, this modal will automatically close.

In-App Preview

With the in-app preview, you can preview your design sizes all at once, or individually from within Flexitive. The in-app preview is especially useful when previewing responsive sizes, as it allows you to re-size your design to see how the design will re-size across different breakpoints. 

When working with the In-App Preview, there are 2 different views you can use. They are:

  • One-Size Previews
  • Multi-Size Previews

One-Size Previews

To create a One-Size Preview with the Flexitive In-App Preview, click the 'In-App Preview' button to the right of the size you'd like to preview. Clicking this button will create a preview of specifically the size you have selected to preview

One-Size Previews give you the opportunity to review a specific fixed or responsive size of a design.

When working with a One-Size Preview, you will be able to:

  • When working in fixed sizes, zoom in on the size you are reviewing using Flexitive's zoom features.
  • When working in responsive sizes, resize your design to view it's responsive resizing behaviour.

Multi-Size Previews

To create a Multi-Size Preview with the Flexitive In-App Preview, select the sizes you'd like to preview, and then clicking the 'In-App Preview' button at the bottom of the panel. This will create an in-app preview displaying all the sizes you selected to review.

Using the Multi-Size Preview, you'll be able to review all of the sizes in your design 


Add Your Brand's Logo to Your Preview Pages

With a Flexitive Enterprise account, you can swap out Flexitive branding for your own using the Flexitive branded preview.

With a branded preview, you can:

  • Swap the Flexitive logo for a logo of your choice
  • Setup a custom URL with your company branding

Reach out to your account manager or support@flexitive.com for more details.