# Preview Designs

Use the Preview option to experience your design as your audience would. It lets you test and interact with different versions of your content before finalizing and sending it.

With Preview, you can:

* View your design in multiple languages
* Apply and test different conditions (for example, dynamic content blocks)
* Switch between AMP and HTML formats
* Toggle between light mode and dark mode
* See how your design looks on various device types (mobile, tablet, desktop)
* Use custom viewports to simulate specific screen sizes

This ensures your content is polished, accessible, and works perfectly for every recipient.

<figure><img src="/files/f8E0RwLnAtwgJjWfz0rU" alt=""><figcaption></figcaption></figure>

#### Preview Functionality

Through the preview option, you can view how your design will look when coupled with the following features:

* [Multi-language templates](/end-user-guide/design-for-any-language/multi-language-templates.md): Applicable when you have one design available in multiple languages.
* [Display conditions](/end-user-guide/dynamic-content/display-conditions.md): Applicable when you have one or more rows in your design with display conditions applied.
* [AMP or HTML view](/end-user-guide/dynamic-content/display-conditions.md): This option is available when you have AMP in your email designs.
* [Dark mode](/end-user-guide/preview-options/dark-mode-preview.md): Preview your design in dark mode.
* [Desktop, tablet, or mobile view](/end-user-guide/design-tools/mobile-design-mode.md): Preview your design on multiple device types.
* **Custom viewport**: Customize the viewport window size for previewing your design within different window types.&#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.beefree.io/end-user-guide/preview-options/preview-designs.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.