Build and test every state of your UI
Hot Design Previews is a workspace to develop and validate UI states without navigating through your app or recreating the same runtime conditions every time.
Generated Across Your Solution
Studio generates previews implicitly, so you get value without curating them by hand. Add your own when you need to.
Edit with confidence
Click Edit on any preview to open
that page and make changes that
apply at runtime
Faster, better UX
Catch visual regressions and
edge states early, without the
run-build-navigate loop.
One page. Every state.
To check a loading state today, you run the app and try to stop it while it is loading. You changed a shared page, or a style half your screens use, so you build, launch, navigate to the screen, and try to catch each state before the data arrives. Most developers skip this and ship those states unchecked.
Editing from a preview edits the real page.
Opening a page from its preview opens the page itself. Your change is saved to the XAML file and shows up in the running app, so the work you do while checking states is work you keep.
Page states and Control States are Not the Same Thing.
They come from different places, so Previews keeps them apart. Knowing which one you are looking at tells you where to go to change it.
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.
Check every state where you are already working.
The 15 day trial covers all of Uno Platform Studio, and Previews is part of it. Open it on the solution you already have.
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.
