Xaml Ui Design Tools

Net community to help in your WPF UI. With the help of these tools, XAML code is presented in the form of visual tree of your running WPF application and also the different UI element properties in the tree. Learn the WPF and XAML concepts and tools that you will need to build fully functional UI-applications with the modern UI-building framework, Windows Presentation Foundation (WPF). From my experience 1. We released world's first Ribbon control for Windows Forms back in 2005 and using that experience and new WPF platform we developed world's first WPF Ribbon control. Blend Behaviors causing Design Time WPF UI to fail to load. Then use our revolutionary binding debugging to not only see how a back-end data source connects to the front-end UI, but spot where errors are occurring and what the most recent. xaml file is an XML file which defines the structure of the UI declaratively using an XML language called XAML. Sometimes I completely turn off the designer to avoid this problem. 5 3 5 Dev Model. Unique UI design, cute frog, and simple user experience attracted a large number of Chinese users. Our UI design tool also enables online sharing and exporting of documents. You can create user interfaces for your apps by dragging controls from the Toolbox window (Assets window in Blend for Visual Studio. Start a VS project. HelpText by setting the UseDefaultHelpText property to false. The separation of XAML and UI logic allows it to clearly separate the roles of designer and developer. Forms UI challenge. · WPF Designer: This is part of Visual Studio 2008 and lets you create your UI, via a graphical user interface or by editing XAML, in the same tool that you use to write your application. He creates wireframes or UI sketches to share its ideas with the team or customer. Material, so make sure to install this package. This is the best WPF course here on Udemy. For example, apps often use a TreeView control to display and navigate a hierarchical list. Automating UI tests for WPF applications is not an easy task, especially if you have a large project with reach functionality. 1 and Windows Phone 8. Handcrafted pixel perfect icons tailored for the Modern UI style. windows 10. The datagrid’s performance and solid foundation take true advantage of WPF and provide the extensibility required for IBM U2 customers to take their applications to the next level in presentation design and styling. Most UI test automation tools support a handful of objects and controls. For working with graphics themselves, I found Microsoft Expression Design to be quite good for drawing and exporting vectors into png, WPF or Silverlight formats. Material Design In XAML Toolkit. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products. Let's explore Xamarin. Fliud UI is a web-based wireframe tool. The goal of this topic is to provide some high-level guidance to the XAML designer and developer who are building an application with the Prism Library and WPF. NoesisGUI is the most advanced cross-platform UI library ever made. With an increase in XAML based apps for Windows Phone, Windows 8+ and. Automating UI tests for WPF applications is not an easy task, especially if you have a large project with reach functionality. 0 visual studio 2017 rc xaml tools wpf Closed - Lower Priority. As the appeal of simplistic web design continues to increase, many designers have found solace in the intuitive nature of flat UI design. For a more fulfilling editing experience, use the XAML editors in Visual Studio. Teaching Approach. XML makes use of syntax tags that helps to identify the various data types in a file. The following tasks are demonstrated: Using the MainMenuControl, ToolBarControl and StatusBarControl for creating three main toolbar types. Worldwide Sites. With the help of these tools, XAML code is presented in the form of visual tree of your running WPF application and also the different UI element properties in the tree. Whenever you save any XAML file, it automatically updates UI on a running application. Added Xaml and No Xaml. Design is a unified platform for visual design, UX prototyping, code generation, and app development. Modern UI is a new design language created and made popular by Microsoft with the introduction of Windows 8, however the interface was used for the first time with Windows 7 portable devices. Edit: Opens a menu with WPF Designer Tools that help you graphically edit and design XAML; Code Behind: Ensures your WPF code is present and accurate. During this course, you will learn how to use Blend and Visual Studio 2013 to. Consider these common design concepts before you start coding to enhance the usability and appeal of your apps. A popup is a window outside the bounds of the existing WPF window, and thus it can be moved outside the whole content area of the XAML. Today we’re picked up 35 modern UX/UI Concepts and UI design from dribbble for inspiration. NET AJAX, ASP. More screenshots below Summary. WPF and Extensible Application Markup Language (XAML)are closely tied to each other, in fact many developers are convinced the XAML is Microsoft's UI definition language. In WPF applications, the structure of the UI elements in XAML represents the logical tree structure. , changing the XAML will change the UI. Since the rise of responsive design is gradually increasing, prototyping has become very essential for the designers. It has a nice simple set of tools, and you can import elements from vector. Windows Presentation Foundation (WPF) is a joy to develop rich user experiences with. in Visual Studio windows 10. Tried updating "ToolsVersion" of Project File but doesn't fix it. Start a VS project. 0 visual studio 2017 rc xaml tools wpf Closed - Lower Priority. Thus, they're related, but they're not the same thing. It can be used to design UI elements in Windows Forms applications. The grid column definitions are fixed to 6 but this number should be configurable ideally. NET CAB Chart Cloud Code Quality Concurrency Design Dialog Event OpenSource patterns Performance Rx Security Smart Client training UI Uncategorized WCF WPF. xml file is created which serialize all UI objects. Forms user interfaces you get to a point where you just need to handle the drawing yourself, and for that SkiaSharp is invaluable. I have checked the WPF toolbox in VS2013, I do not find a layout template that can provide an UI like this. I've seen other threads ask about Windows UIs, but the responses have always been geared towards more custom UI elements and/or generic UX principles. , changing the XAML will change the UI. The 'btnCreateXAML' click event has the following code as shown below. iOS raises the bar for excellence in user interface design and offers great opportunities for you to deliver engaging and unique user experiences. net) in order to take an excisting small software and implement the mockups inside it. As the appeal of simplistic web design continues to increase, many designers have found solace in the intuitive nature of flat UI design. In WPF applications, the structure of the UI elements in XAML represents the logical tree structure. After the initial period is expired, LiveXAML will be limited to projects with no more than 3 XAML files. This article gives you an overview of the new XAML tools. A full list of the controls that provide additional SDK examples can be found below: AutoCompleteBox. Automated Tool for Testing Desktop, Web, & Mobile Applications. Feed your UI with sample data directly from XAML using JSON or C# objects. Interaction Designer The interaction designer is responsible for the content and the flow of a user interface. More screenshots below Summary. improving on existing designs and starting a new design from scratch - and the general design processes that tend to be used for each scenario. NoesisGUI is the most advanced cross-platform UI library ever made. Xceed Toolkit Plus for WPF. Designing Your XAML UI with Blend. We released world's first Ribbon control for Windows Forms back in 2005 and using that experience and new WPF platform we developed world's first WPF Ribbon control. Xaml assemblies. You can add controls by editing the XAML or dragging and dropping tools from the Toolbox window. It goes through grabbing the Uno extension for Visual Studio and then creating a new multi-platform application using just C# and XAML. XAML files are XML text file so any text editor tool will be adequate for editing and viewing the content. XD is made for designers, creative teams, and organizations that need to design at scale. Design toolkits and samples for UWP apps. Add the following code to the App. LayoutIt! is a interface builder for CSS Grid and Bootstrap that wants to be the kick-off for your front-end developments. Tools You Love & Skills You Have. The Live Visual Tree and Live Property Explorer work together to inspect. net projects like WPF into Adobe XD and design it with built-in tools. WPF UI Development Best Practices David C. Fireworks to XAML I’ve been using this tool since I began working with XAML. Can I build the windows in XAML an then pop up the window as designed, and as needed? I will need to pop up multiple windows. With Visual Studio 2015 CTP6 we're pleased to introduce the new UI debugging tools for XAML. This feature now lets you change your XAML while an app is running and get immediate feedback. In terms. Design is a unified platform for visual design, UX prototyping, code generation, and app development. Following design and development trends we will continue to grow and develop our products as well. Ultimate UI for WPF UI controls & productivity tools; Ultimate UI for Xamarin UI controls & productivity tools; All Products; UX. Atmel Qtouch @altium. XAML files are XML text file so any text editor tool will be adequate for editing and viewing the content. ISESteroids adds convenient overlay controls that allow you to update the code-behind, add more event handlers, or edit the window design in your favorite tool. Moqups is a streamlined and intuitive web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes — for any type of project. Work with the Visual Studio XAML tools. Add the necessary stuff (general structure, data, controls). I know that many. It can be used to design UI elements in Windows Forms applications. Advantages of XAML. Over 1 million downloads. Sure, in Windows Forms times, when UI was mostly static it was much easier to create a usable visual designer. No fluff, no ranting, no beating the air. The XAML generated by the app contains design-time UI elements that need to be removed in order to be displayed to the user for data entry. But how to make a user interface design in the first place?. Mar 24, 2013. Well, the best features in new Visual Studio 2015 is new UI debugging tools for XAML. With more than forty stable, flexible UI controls, ComponentOne's UWP Edition is the best, most complete collection of Windows 10 controls you'll find. Design Desktop Collaborative prototyping and remote usability testing for UX & usability professionals; Indigo. Thanks to Gorilla, the projects at UXDivers have three stages: (1) our designers work on the UX/UI using their favorite design tool, (2) once the customer is happy with the design, either the designer or the developer codes the UI in XAML with the help of Gorilla Player, (3) the developer writes the logic and finishes the app. The csharp community on Reddit. Add Reference to the theme's. The truth is more. With Visual Studio 2015 CTP6 we're pleased to introduce the new UI debugging tools for XAML. This sample shows how to use the UI settings APIs in a basic C# or JavaScript app. You can find additional demos for most of the Telerik UI for WPF controls in the Telerik XAML SDK repository. Beta UI Design Tools. “IBM U2 researched existing third-party solutions and identified Xceed DataGrid for WPF as the most suitable tool. In the earlier GUI frameworks, there was no real separation between how an application looks like and how it behaves. 1 and Windows Phone 8. Modern UI WPF Navigation Application. The design surface allows you to switch between: iOS and Android; Phone. More screenshots below Summary. XAML files are XML text file so any text editor tool will be adequate for editing and viewing the content. This blog provides a overview of what you can expect in the new Syncfusion Essential UI Kit for Xamarin. In desinger - MS exception is thrown "This feature requires Microsoft. If not, the code is added or adjusted. Free and paid app mockup tools. In addition to the tools available, Adobe XD has a number of UI resources available for designers to use while creating, including Apple iOS, Google Material Design, Microsoft Windows, and Microsoft Office UI Fabric. The complete WPF tutorial. The XAML Designer in Visual Studio and Blend for Visual Studio provides a visual interface to help you design XAML-based apps, such as WPF, UWP, and Xamarin. Forms checkbox so should use Xamarin. submitted by /u/vasanthmes. We also provide a great API and designer experience, which ensures that productivity for your developers is increased too. The app demonstrates most features of the MUI framework. It describes itself well as "an Informal Tool For Early Stage Web Site and UI Design". 5-Remove the entry borders. Thömmes Software Engineer & UI Developer @ ERGOSIGN Bachelor of Science, Medieninformatik, FH KL Aktuelle Schwerpunkte UI & Application Development. ForeUI is an easy-to-use UI prototyping tool, designed to create mockup / wireframe / prototypes for any application or website. With an increase in XAML based apps for Windows Phone, Windows 8+ and. It was good enough as a preview window, but doing anything complex with it was much harder than going into XAML. net) in order to take an excisting small software and implement the mockups inside it. WPF combines application UIs, 2D graphics, 3D graphics, documents and multimedia into one single framework. Choose your favorite colors and get your Material Design palette generated and downloadable. With Material Design In XAML Toolkit you can easily bring beautiful desktop applications to life, using a modern and popular design language. NET framework 3. We do not record any steps here. Clearly React takes significantly more CPU time for the task of updating 100 items list. The internal representation of WPF UI is XML (Extensible Markup Language). Right-click on any. This is to ensure a great experience of the users while navigating the system. Note that this is only reproducible when xaml fiels are included in the project. NET, JavaScript, and C++ so check back often. If the graphical designer is familiar with Microsoft Expression tools he directly creates styles and control templates. Prepare your code behind beforehand, import all assets and deploy, then go on and create the User Interface in one go. These tools aim to reduce the time and effort required to get the basics working and allow you to customize the UI to meet your preferences or the specific needs of your app. XAML files are XML text file so any text editor tool will be adequate for editing and viewing the content. In the Extension SDK method there is actually additional affordances for you to provide additional design-time assemblies/resources to make that experience even better. This topic shows how to create a Toolbar UI consisting of a main menu, toolbar and status bar with sample bar items from scratch. Already installed with Xamarin. So questions. NoesisGUI is the most advanced cross-platform UI library ever made. I would have never thought to find a beautiful user experience in an enterprise application, but recently Frog Design helped ship an application called “Lawson Smart Client” powered by Windows Presentation Foundation (WPF) that I think changes the game for software user experiences both in and out of the enterprise. NET platform. On its own, Edit & Continue is amazingly powerful. Alas, here it is…Following are the top 10 reasons why I. Download this app from Microsoft Store for Windows 10, Windows 10 Mobile, Windows 10 Team (Surface Hub), HoloLens, Xbox One. Ultimate UI for WPF UI controls & productivity tools; Ultimate UI for Xamarin UI controls & productivity tools; All Products; UX. The UI Debugging tools for XAML represent the first new tools designed to diagnose Design and Layout issues in XAML apps. The datagrid’s performance and solid foundation take true advantage of WPF and provide the extensibility required for IBM U2 customers to take their applications to the next level in presentation design and styling. The Xamarin. - [Instructor] In this tip, I'll look at how to move around…the user interface in Visual Studio…when you're editing a visual design. Mar 24, 2013. This tutorial looks at the auto complete features that simplify XA. Our Office and Windows teams worked closely with the Adobe XD team to deliver a great set of UI components that designers and. In this article we will design the UI of Microsoft Office 2013 applications like Word, PowerPoint, Excel etc. Net Core version of the predefined Visual Studio Templates (Csharp only) in the Telerik UI for WPF Visual Studio extension. The complete WPF tutorial. Already installed with Xamarin. The MyXaml site. Use XAML as XD's file format. Use only one of the versions. Start a VS project. Becasue of this, you can find resources to help you with WPF from people outside the PowerShell community. Creating a XAML UI can be slow or require lots of manual effort. New samples are added daily in C#, VB. Xaml package includes a number of controls that are also part of the standard Windows 10 SDK, plus Fluent design elements like Reveal highlighting and the Acrylic material. net projects like WPF into Adobe XD and design it with built-in tools. XML and XAML editing helpers. This guide was developed by Pannam Imaging, membrane switch technologies. Right-click on any. We’ve made a lot of progress with our updates to the XAML designer, but there is still a lot of work to be done in reimplementing the tools you have known and love. User Interface Components for WPF Start developing enterprise level WPF applications with NOV WPF UI Controls! The NOV WPF controls provide unmatched performance and the latest GUI technologies to your WPF applications. Worldwide Sites. NET & Other stuff November 12th, 2007 at 10:01 am […] Grant Hinkson from Infragistics created Pistachio, a resource visualizer. If you’ve worked with the WPF Framework and Microsoft’s XAML Controls, you’ll get up and running fast in Telerik UI for WPF. C# Graphical User Interface Tutorial C# has all the features of any powerful, modern language. Animations, bindings, reskinnable codeless interfaces, all backed up with traditional. Telerik UI for WPF includes a wide range of controls from small UI components like Rating to powerful data-driven controls like GridView. If you're familiar with other XAML based UI technologies, such as WPF, Silverlight and Silverlight for WP7, you may be familiar with XAML for Metro style applications since it's same concept. Design Desktop Collaborative prototyping and remote usability testing for UX & usability professionals; Indigo. If you’ve worked with the WPF Framework and Microsoft’s XAML Controls, you’ll get up and running fast in Telerik UI for WPF. You can even build visible UI elements using XAML. Item Templates (Visual C# Items\Modern UI for WPF) Basic Page. Material Design In XAML Toolkit. It's everything you need to work more efficiently, collaborate effortlessly, and create and manage your design system. This tutorial looks at the auto complete features that simplify XA. Reddit gives you the best of the internet in one place. It describes itself well as "an Informal Tool For Early Stage Web Site and UI Design". Expression is a little better than Inkscape at producing valid XAML, however Inkscape is a more powerful drawing tool. With IntelliSense and design tools like Blend, the UI definition layer for WPF apps continues to be the gold standard for XAML development. Design is a unified platform for visual design, UX prototyping, code generation, and app development. I think that XAML is the greatest way to "describe” the UI of an application via a markup language. · WPF Designer: This is part of Visual Studio 2008 and lets you create your UI, via a graphical user interface or by editing XAML, in the same tool that you use to write your application. How To Debug Data Binding Issues in WPF Data binding establishes a connection between the application UI and business logic. Conclusion. This works, but in some cases leads to visual or design-time issues. All changes you do in your XAML page are reflected and shown in the Previewer. WPF Test Tools release including WPF Control Verifier. Have you even wonder to change the XAML UI designer background? May be; by applying some color that you like or to be more focused on work, by making a single color background. In desinger - MS exception is thrown "This feature requires Microsoft. Download this app from Microsoft Store for Windows 10, Windows 10 Mobile, Windows 10 Team (Surface Hub), HoloLens, Xbox One. Added Xaml and No Xaml. I want to build my forms in XAML using the graphical design tools, then show the window at run time, as needed. Pressing F1 on an element in XAML Designer redirects to "Creating a UI by using XAML Designer in Visual Studio" page 1 Solution XAML designer still produces a huge amount of fake errors 1 Solution controls not visible in code behind 7 Solution. We also provide a great API and designer experience, which ensures that productivity for your developers is increased too. The XAML Designer in Visual Studio and Blend for Visual Studio provides a visual interface to help you design XAML-based apps, such as WPF, UWP, and Xamarin. Autodesk builds software that helps people imagine, design, and make a better world. Whether you're a developer familiar with XAML, a designer without coding experience, or a developer preparing for your first XAML-based project, this training can help you to get the most out of the l. Whenever you save any XAML file, it automatically updates UI on a running application. "ThinkGeo's Map Suite software was by far the most feature-rich, robust, and easy-to-use solution for the. Visual Studio and Blend for Visual Studio both provide visual tools for building engaging user interfaces and rich media experiences with XAML for a variety of app types. The UI Debugging tools for XAML represent the first new tools designed to diagnose Design and Layout issues in XAML apps. His focus is on the design experience and productivity. On its own, Edit & Continue is amazingly powerful. With Material Design In XAML Toolkit you can easily bring beautiful desktop applications to life, using a modern and popular design language. Or what about when you simply want a polished application that is based on PowerShell that you can distribute and use like any other application? These types of scenarios is where XAML can be useful. In the earlier GUI frameworks, there was no real separation between how an application looks like and how it behaves. Welcome the one of the most comphrensive and easy to use Material Design UI libraries across any platform. 9 I found the designer wasn't displaying e. Download this app from Microsoft Store for Windows 10, Windows 10 Mobile, Windows 10 Team (Surface Hub), HoloLens, Xbox One. Aurora XAML Designer is a standalone design application written for software product architects who design user interfaces for. Therefore, the designers have to choose the best prototyping tools that help them in building the perfect choice of responsive web designs. Each task has its own optimal framework/architecture. In WPF applications, the structure of the UI elements in XAML represents the logical tree structure. - [Instructor] In this tip, I'll look at how to move around…the user interface in Visual Studio…when you're editing a visual design. Overview of XAML concepts. I'm working as a. See some screenshots to get an idea of what Modern UI for WPF is all about. Automating UI tests for WPF applications is not an easy task, especially if you have a large project with reach functionality. The XAML is very powerful because its declarative, based on the data the UI can be changed. NET development environments, including UI controls for Windows Forms, ASP. Hanging of Visual Studio caused by the XAML designer is a well known problem. Large files can slow down Visual Studio 2008's designer for Windows Presentation Foundation (WPF) projects. 0 and now working on. Abstract: The new XAML tools provided in Visual Studio 2015 helps developers to effectively manage and work with XAML based applications for UI Debugging, Performance etc. WPF UI-Development Best Practices 1. Rapid XAML Toolkit. Dev Model Maturity Richness Reach Platform Access Tooling 4. C# Graphical User Interface Tutorial C# has all the features of any powerful, modern language. Our products are suites of Windows Forms and WPF controls. After working on a WPF app for the past year or so, I have come to realize that no one on our team uses the XAML designer surface that ships with Visual Studio. Learn the WPF and XAML concepts and tools that you will need to build fully functional UI-applications with the modern UI-building framework, Windows Presentation Foundation (WPF). This blog provides a overview of what you can expect in the new Syncfusion Essential UI Kit for Xamarin. NET to be used in Windows Store applications. I know that many. Easy-to-use wireframe and app mockup tools to design the prototype of your next website, mobile or web app without coding. If you're brand new to WPF, then we recommend that you start from the first chapter and then read your way through all of it. The design editor can preview your layout on different Android devices and versions, and you can dynamically resize the layout to be sure it works well on different screen sizes. My colleague and friend Jerry Nixon recently wrote an article on the top 10 reasons why he chooses XAML over HTML5 and it begged me for a reply. 'Windows Runtime XAML Framework' (code name "Jupiter") is a user interface API that is part of the Windows Runtime (WinRT) programming model that forms the backbone of Windows Store apps (formerly known as Metro-style or Immersive) for the Windows 8, Windows 8. You can create a XAML user control and can load the XAML at run time. Added support for applying a custom text for AutomationProperties. Start a VS project. Split Page. NoesisGUI is the most advanced cross-platform UI library ever made. Windows Forms controls are reusable components that encapsulate user interface functionality and are used in. Well, things have changed and now there are three new tools you can use for UI design: Adobe Experience Design (XD), Figma and Affinity Designer. Material Design In XAML Toolkit. In this case, however, only the XAML editor is available for XAML editing, and you will see your UI changes only at runtime. The grid column definitions are fixed to 6 but this number should be configurable ideally. The WPF Report Designer is a. 87 royalty free controls in one value packed product - at a great price starting at only $2495 per developer. It describes itself well as "an Informal Tool For Early Stage Web Site and UI Design". Our UI design tool also enables online sharing and exporting of documents. The Previewer has tools that help ensure that your UI looks good to the users. Resizing XAML designer for Windows Store app to preview different screen sizes Tag: visual-studio , xaml , windows-store-apps I'd like to preview how my app page will look with some different screen widths (full screen and several narrow layouts) in Visual Studio XAML designer. The complete WPF tutorial. However, if you want a cool UI done in XAML you have several options. And that's not. Design is to give you the tools and capabilities to drive productivity across all the personas that make up teams charged with delivering amazing experiences to customers. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products. If you're familiar with other XAML based UI technologies, such as WPF, Silverlight and Silverlight for WP7, you may be familiar with XAML for Metro style applications since it's same concept. DLL assembly. This could be accomplished through an XSLT transform. So our modders will be able to mod the UI (we already started the closed alpha and it works pretty well). Added support for applying a custom text for AutomationProperties. NET wrappers… Read more. Aurora XAML Designer (AuroraEditor. WPF UI Development Best Practices David C. This is true whether it is an app, a web page, a game interface or any kind of software. windows 10. Is it easy? Far from it. Though there already are many posts available on Singleton design pattern, I'll try to cover this topic in the most simplistic and easy to understand way. The csharp community on Reddit. See screenshots, read the latest customer reviews, and compare ratings for XAML UI Controls. Well, things have changed and now there are three new tools you can use for UI design: Adobe Experience Design (XD), Figma and Affinity Designer. It was created as a product of Microsoft's user interface design work on some of their media products like Zune and Windows Media Center , for major utilization in their mobile operating system, Windows Phone 7 ", wikipedia. Microsoft Office 2013 UI Design In C# - Visual Studio Jan 07, 2018. Free and paid app mockup tools. 0 visual studio 2017. Learn XAML. By continuing to browse this site, you agree to this use. Be also aware we are using the new Xamarin. in Visual Studio windows 10. Build beautiful transitions and visualizations using Blend's full suite of vector drawing tools, powerful template editing features, real-time animation, visual state management and more. Provides 99 UI controls, panels and themes missing from WPF. Based on XAML: We use XAML files as source data for NoesisGUI. Mar 24, 2013. See screenshots, read the latest customer reviews, and compare ratings for XAML UI Controls. LiveXAML is a live UI development tool. Walt Ritscher is a programmer, UI designer, and staff author at LinkedIn Learning. LayoutIt! is a interface builder for CSS Grid and Bootstrap that wants to be the kick-off for your front-end developments. Disable Visual Studio 2015 extra debug option. Using XamlWriter class a. Building adaptive Windows 10 XAML apps Adaptive UI design Developers have many tools to build an adaptive UI. We also have included some of the most robust CAD programs that allow for comprehensive 3D design, documentation, and simulation by UI engineers. NET wrappers… Read more. In typical usage, XAML files will be produced by visual design and developer tools, such as Microsoft Expression Blend, Microsoft Visual Studio, XAML Pad or the Windows Workflow Foundation (WF) visual designer.