Archive for April, 2007

Designing Flex in Fireworks (Including Style Explorer as Fireworks Extension)

I’ve been using an internal beta of Fireworks CS3 for several weeks now to wireframe Flex projects, and let me just say… Fireworks CS3 rocks. Particularly with the new Flex components library that comes with Fireworks CS3, and the pages feature that allows me to specify which layers are shared across which pages, the time it takes me to develop wireframes has literally been cut in half, leaving me more time to actually focus on designing the best user-experience.

I wrote up an article with one possible workflow using the Fireworks to design, style and skin a Flex application. You can read the article here at the Fireworks Developer Network.

What’s more, with Fireworks CS3 including a AS3 engine, I’ve packaged the Flex Style Explorer as a Fireworks Extension that will run directly in Fireworks. You can download and install the MXP here.

Fireworks CS3 is required.

Flex Style Explorer Update: Advanced Color Spaces and Add Swatches

With much thanks to Matt MacLean for his contribution of code to the Advanced Color Picker, the Flex Style Explorer just got a little more useful. Two new features have been added that should make your life a little easier.

First, the advanced color picker is even more advanced, with color spaces for Hue, Saturation, and Brightness, as well as R, G, and B color spaces. Additionally added was support for text entry for all those values, as well as the web hex value. Thanks very much for your contribution Matt.

Also, I’ve added support for adding swatches to the basic color pickers from the advanced color picker. In advanced color picker, select “add swatch”, and that color swatch will appear in all color pickers throughout the application, as shown below.


As always, the source code is included, so if anyone out there has the initiative, and more importantly, the time to contribute your own ideas and code to the Style Explorer to help make it an even more useful application, send your code my way and we’ll consider integrating it. (Kuler integration perhaps?)

CLICK HERE TO EXPERIENCE THE APPLICATION (and remember, view source to download)