Introducing XAML Studio

As a XAML developer, you may sometimes wish you had the ability to quickly prototype your UI and debug your markup without having to load a project in Visual Studio. This can be a huge workflow boost for designers or even for developers just wanting to try out new ideas. With the release of XAML Studio, we are able to close this grab for creators and also enable much more.

In this episode, Michael Hawker sits down with Jeremy to introduce us to XAML Studio application. He walks us through the experience of editing and inspecting live XAML updates without the need for a build or compile step. We also get to see demos of the debugging experience, the control toolbox, and even how to work with 3rd party controls.

[T02:40] - What is XAML Studio?
[T03:16] - First look at XAML Studio
[T06:33] - What's the scope of XAML Studio ?
[T07:55] - Using 3rd party libraries
[T09:16] - Debugging XAML bindings
[T12:52] - What are features might show up next?
[T14:17] - What is the garage?
[T15:48] - Is there support for the visual state manager?
[T16:43] - Exploring the toolbox in XAML Studio

Useful Links

Get XAML Studio

Microsoft Garage Blog

Windows Community Toolkit

[nickp]

How about Microsoft fixing the XAML designer in Visual Studio so it doesn't crash every 5 minutes? We wouldn't need any other tools then. Just saying.

[AlexS-gntq]

It must be a part of Visual Studio and Xamarin.

[zimcoder]

Is this compatible with xamarin forms?

[johnsinclair]

Doesn't work for me I get compilation errors for anything I try and do, even the most simple thing like adding a button....COMPILATION ERROR.

[apavan]

Congratulations!! Is there a way to make it work for Maui xaml?😀

[miwwwnt]

Looks nice! Hope this would be compatible with clean MVVM pattern where ViewModels are rich and depend on several services injected via the constructor. Also hope it would support Xamarin.Forms, WPF and AvaloniaUI :)

[markallan]

Looks great; but it would be nice if the demo's screenshots were not blurred.

[Eldering]

Very interesting tool, but without the ability to load our own controls I think its use is rather limited. For instance for charts I use OxyPlot, and for some projects my own version of that to work around bugs in that library. Also often I need to write my own converters.

[AdamsTaiwan]

Great tool. Since MS won't release a 3D Island (XAML UserControl) with 3D Paint functionality, maybe need to request it be done as a Garage Project.

[naikrovek]

Is this a 1080i capture deinterlaced by discarding one of the fields? Sure looks like it. 1080p always at all times, at least, please, if it's possible.

[ndjsj]

is there anyway to add third party controls on the xaml form?

[efexzium]

Cant Microsoft just make a freaking universal UI designer ?

[ADPrevost]

Too many flavors of XAML. I'm guessing this only works with UWP XAML. MS needs to fix the XAML fragmentation. This should be part of the out of box Visual Studio experience.

[jcbritobr]

Im using it to build wpf apps with vscode. Its a very good tool.

[fonsusgn]

It would be great if you could also create pages for Xamarin Forms 📱 in an editor like Xaml Studio. I want to do the designs, but Visual Studio is slower 🙁

[AnthonyCool]

Please say this will be Xamarin.Forms friendly too!

[mustaphayusuf]

That means it would be out of Visual Studio, there should be option to install it in Visual Studio.

[ekundefekundef]

Also, what about Blend? Just fix the bugs and its good enough.

[zhenobiikuzo]

This is so sad I hope they implement it in WPF or avalaniaUI. That will become a big solution if they do that. For those people who prefer other ide or text editor like me. Visual studio is just so big and kinda slow for me.

[persoulrpg]

XAML (talking about WPF applications) is so painful to work with. The easiest thing to do, sometimes require you to hack it around. Plus almost none use it these days. No wonder that people are running away from it and use electron for multiplatform desktop apps.