Work on Your UI, in the State You Need

Work on pages and components in the exact UI states and data conditions
you need, without navigating through your app to reproduce them.

Edit The Real UI

Edit the actual page or component from a
Preview. Changes are saved to the source
used by your application and reflected
wherever that UI is used.

Validate Beyond
the Happy Path

Check loading, empty, error, edge-case, 
and data-specific states while you work.

star

Go Straight to the
State You Need

Open the UI and state you need directly,
without repeating navigation or recreating
the runtime conditions required to reach it.

THE FRICTION

The States You Need Aren't Always Easy To Reach

Loading, empty, error, and edge-case states can mean changing data, throttling a connection,
forcing a failure, or navigating through the same workflow again.

One page
The new way

Bring the UI Into
the State You Need

Instead of recreating conditions in the running app each time, create a Preview with the context and state you need and return to it directly. Start from an implicit Preview, then create dedicated Previews for the states and data conditions you want to return to. 

Editing
TWO STATE MODELS

Give Each Preview Its Own Context

Create multiple Previews of the same page or component with different data contexts. Use your application’s data context  to represent populated, empty, error, and other data-specific states without depending on a live backend.

In previews
EDITING

Edit the Component, Not a Copy

A Preview provides the context around your UI. It doesn’t create a separate version for you to maintain.

Click Edit to work on the actual page or component. Changes are saved to the source XAML and reflected wherever that UI is used. 

User card marketing selection
navigation

Skip the Path. 
Open the UI.

Working on a page several screens deep shouldn’t mean navigating back to it after every change.

Nav section
QUESTIONS
What Developers Ask First.

If the answer you need is not here, the documentation covers the surface in full.

Hot Design works on the running application, in whatever state it happens to be in. Previews shows the states a page can enter, at design time, without running it.

Try Previews in Your Existing App 

Work on real pages and components across the states and data conditions your application needs to handle.

The 15 day trial covers all of Uno Platform Studio, and Previews is part of it.After the trial, creating and editing previews needs a Business subscription.

Uno Platform 5.2 LIVE Webinar – Today at 3 PM EST – Watch