After Flash Catalyst discontinued - What Workflow Designer / Developper to use? and how skin compone

Question

Hi,
Now  that Flash Catalyst is discontinued before being totally usable,
I used Flash Catalyst for skinning components and prototyping design of App.
So i wonder how experienced people do that without Flash Catalyst?
And more im asking to Adobe the same questions. What do you propose to do now what Flash catalyst helped to do until now?
how do you skin components?
how do you work with designers to get their App Pages designs?
in a word, what is the WorkFlow?
Thanks

Answer 1

I couldn't agree more with you that developers need a solid WYSIWYG tool, and Catalyst was Adobe's closest rival to Blend. It had much more potential than the amount of attention it received. Adobe was very foolish pulling the plug on it, not to mention all their other recent decisions related to the Flash Platform.
My point was that with all of the importing and exporting capabilities of Illustrator, Photoshop, Flash Professional, and especially Fireworks, you already have all of the capabilities of Flash Catalyst, at least in regards to making creative assets available to the Flex framework. That was the sole purpose of Catalyst- to bridge the gap between Adobe's design applications and Flex. If you weren't concerned with Flex, Flash Catalyst would be of no use, even if it were still in development. Exporting a Catalyst project to Flash Professional or HTML was never on it's roadmap, although I'm sure I'm not the first person who thought of those possibilities.
Catalyst, simply put, was the FXG editor which Flash Builder's design mode was not. For example, you could not draw a rectangle using Builder's design mode. With Catalyst CS5.5, it allowed you to directly assign FXG assets to MXML skins for ten of the nineteen Spark components which use the MXML skin architecture. This was a huge limitition, and espeically obvious with the new roundtripping feature, because using any of the non-supported components could easily break the connection between Builder & Catalyst. Honestly, myself and many of the Adobe engineers I talked to on the Flash Builder team, still do not understand why Catalyst wasn't merged into Flash Builder in the first place.
Perhaps it's not as useful out of context, but I compiled a presentation a few months ago for my Adobe user group, titled "Creative & Production Harmony": https://acrobat.com/#d=jNyu*qRjpF68tbl*8lCiTw&x=s
Basically what it outlined, was when to use Catalyst, and when you are better off exporting straight from the other design apps. My conclusion, was that you're generally better off designing your assets in the app you're comfortable with. That IS your WYSIWYG editor, to the precision of 1px. It was also a future proof answer since Catalyst was discontinued and many of the other Flex related workflows have evaporated. The main loss behind discontinuing Catalyst, were its states, timeline, and visual editing of FXG less commonly preserved when exporting from the other apps.
A workflow example for a project I recently used Catalyst with, http://disneycruiseadventure.com/ was to open the PSD provided inside of Photoshop, launch Catalyst, draw a shape (or copy/paste in a vector smart object from Illustrator), and use it's properties panel to match the Photoshop layer styles. This basically the climax of the day, because the rest of it was all spent manually editing code in Builder (and often fixing a lot of the crap code Catalyst spit out). For advanced use of graphics, we relied heavily on the Flex Component Kit, which basically lets you work with any MovieClip inside of Flex or even insert Flex components into a Flash Professional container. The integration between Flex & Flash Pro is most commonly overlooked, which is sad because it still offers the very most design freedom for Flex and has been around long before Catalyst.
In my personal project, my workflow heavily involves Fireworks. It's exporting capabilities are unparralled by any of the other Adobe design apps. You can design with the 1px precision you are after, and almost always preserve that precision after exporting to Flex 3, FXG, and even CSS. Speaking of CSS, now you can export to CSS3 and jQuery mobile themes using Fireworks. If I had a choice between Fireworks and Catalyst, I would take Fireworks without any question. If you're looking for another workflow, consider the idea of taking HTML/CSS exported by Fireworks and opening it inside of Adobe Edge for adding animation and interactivity. Then do your final editing with Dreamweaver, or skip the Edge step if you don't need it.