UX Confidential

Exporting XAML from Photoshop & Illustrator

From the mailbag…

John B. of Chicago asks: I am a UI designer that is interested in exploring XAML, WPF and Silverlight. Is there a way I can leverage my current set of tools (Photoshop, Illustrator and Fireworks) when working with Expression Blend, or do I need to start using Expression Design?

As a vector and raster graphic design tool, Expression Design is a great companion to Blend and it offers some advanced options and features when exporting artwork to XAML. But thankfully you don’t have to forgo years of Illustrator experience to get your designs into Blend.

There are several free plug-ins available that let designers export their existing files, artwork and layouts to XAML from industry-standard design tools like Photoshop, Illustrator and Fireworks:

• Michael Swanson offers a free plug-in that enables export from Adobe Illustrator to WPF and Silverlight compatible XAML. You can download his AI to XAMLExport plug-in here.

• Psd2Xaml from flowlabs.net is a free open-source tool for converting Photoshop .PSD files to XAML. Psd2Xaml saves vectors and layout data as in XAML and creates a folder containing the bitmaps from the PSD file. As a bonus, it also supports limited .SWF conversion to XAML.

• For Fireworks users, the Infragistics Fireworks to XAML Exporter is an extension that allows you to easily convert artwork created in the Fireworks to XAML.

 Thanks for your question, John.

Riapalooza Chicago

Join your fellow RIA professionals for RIApalooza, a invaluable two day event aimed at exploring and promoting the development of Rich Internet Applications.

I will be presenting on WPF and fellow Magenicon Corey Miller will be showing his Silverlight chops.

RIApalooza promises a platform agnostic and "PowerPoint-Free" zone, which means we are going to forgo the boring marketing pitches in favor of talking technology. RIApalooza is about creating Rich Internet Applications; how to go about building them and what is being built.

The event begins with a social meet-and-greet, Friday, May 30, 2008 from 6pm to 10pm. Presentations and sessions will be held Saturday, May 31, 2008 from 9am to 5pm.

The event will be held at the Illinois Technology Association, located at 200 S Wacker Drive 15th Floor Chicago, IL 60606.

Magenic will be co-sponsoring the event along with Microsoft, Adobe, the Chicago Area Adobe Group among others. Space is limited so head on over and register now.

UPDATE: For my presentation, I plan on demoing an ongoing WPF project... showcasing how the app is being built, and how to skin controls in WPF.