Every app Studio generates is built on a design system. Until now, understanding that system meant reading the XAML or piecing it together from the running app, one screen at a time. Studio 3.2 gives the design system a workspace of its own, so you can see the system as a whole instead of reconstructing it from the UI.
| In 3.2 | What it does |
|---|---|
| Themes workspace | See your app’s controls, color pairs, and type scale in one place, rendered in light and dark. |
| Live theme updates | When Hot Reload changes a theme resource, the Themes item on the navigation rail shows a dot. |
| Signed-out Studio | Browse the samples gallery, open a sample, and edit it in Hot Design without an account. |
| Hot Design per app | Panel layout, visual mode, and window sizes are remembered for each app. |
The Themes workspace
Open an app in Studio and choose Themes on the navigation rail, under Application. The workspace lists three sections down the left side.
Controls
The Controls section renders a set of common controls the way your design system styles them. It shows only controls the design system defines a style for, so everything in the section reflects your theme and nothing falls back to a framework default. The section is drawn twice, once in the light theme and once in the dark theme.
Colors
The Colors section shows the palette as seven pairs: primary, primary container, secondary, secondary container, tertiary, error, and error container, each with its On counterpart. Every swatch is labeled in its counterpart color, so Primary is written in OnPrimary and On Primary is written in Primary. A pair with poor contrast is visible at a glance, without comparing hex values. Like Controls, the palette is shown in light and dark.
Typography
The Typography section lists the semantic type scale: display, headline, title, body, and label, each in large, medium, and small. Every entry is set in its own style and states its font family, weight, and size over line height. The type scale is the same in both themes, so this section is shown once.
Updates as you work
When Hot Reload rebuilds your app’s global resources, the Themes item on the navigation rail shows a dot, so you know the design system changed while you were in another workspace. The Agent panel is hidden while the Themes workspace is open, which leaves the full width for the design system.
The Themes workspace is read-only in 3.2. Editing the theme is the next step.
Explore Studio through sample apps
Studio 3.2 makes it easier to see what Studio can do before starting a project of your own. Open the CRM, Brewhouse, Fitness, or any other app in the samples gallery, run it, and start making changes with Hot Design.
You don’t need an account to try them. Sign-in is only required when you move into account-based actions such as working with the agent, creating a new app, saving, or exporting.
| Action | Account |
|---|---|
| Browse the samples gallery | Not needed |
| Open and run a sample | Not needed |
| Make changes with Hot Design | Not needed |
| Work with the agent | Sign in |
| Create a new app | Sign in |
| Save or export | Sign in |
Smaller fixes
Studio 3.2 also includes a set of quality-of-life improvements across Hot Design, sign-in, the Agent panel, and project creation.
| Area | Change |
|---|---|
| Hot Design | Hot Design now remembers each app’s layout. Visual mode, panel layout, window sizes, and app mode are stored per app, so changing the workspace for one app no longer changes it for another. |
| Sign-in | Signing out on iOS no longer opens the system Sign In consent alert. |
| An identity provider timeout no longer blocks the sign-in page. | |
| Agent panel | Selection chips behave correctly: the X in a chip’s flyout closes it, and removing one chip no longer removes every chip of the same type. |
| Shell | Esc is handled by the Studio shell only when there is something to dismiss. |
| New projects | New projects are created using the same Uno.Templates version the workspace was built with. |
Thanks for building with us
Thank you to everyone who reported issues, shared feedback, and helped shape Studio 3.2. We’d love to see what you build next, so share your projects with us on GitHub or Discord.
Available now
Studio 3.2 is available now.
Start your 15-day free trial and, for a limited time, save 25% on Uno Platform Studio at checkout.