The Present And Future Of Adobe Fireworks

Advertisement

Unless you’ve been on Mars for the last few months, you’ve already heard the news that Adobe is feature-freezing Fireworks1. And Adobe is not offering a replacement tool for Fireworks users (at least, not for now.)

What does this mean for you if you use (and rely on) Fireworks to design user interfaces and screens? What are your options?

In this article, we’ll take a close look at Adobe Fireworks, explaining why it is a unique and powerful design tool, how we can continue to use it effectively, and what our alternatives are for the future.

But first, a bit of background.

I have been using Fireworks since the Macromedia2 days, and I find it indispensable in my daily design workflow. Fireworks is like a small (but powerful) Swiss Army knife, or a superhero3. In short, Fireworks is extremely versatile and powerful for screen design.

In fact, I am so passionate about this tool that when Vitaly Friedman asked me to be the editor of the Fireworks section1304 of Smashing Magazine a couple of years ago, I instantly said “Yes!” Fast-forward to today: We’ve published over 20 high-quality articles about Fireworks and received many positive comments from our readers.

The news earlier this year that Adobe is abandoning Fireworks made me very sad. Looking at the over thousand comments5 on the Adobe Fireworks blog, it seems that I am not alone and that Fireworks will be missed by many.

So, what can you do if you also use Fireworks?

The good news is that we have quite a few options to continue using it, as well as some new apps on the horizon that could take its place. Let’s explore them!


1. Adobe Fireworks: The Current Situation

First, let’s look at the bad news official status of Fireworks. In May 2013, Adobe announced that it was “feature-freezing Fireworks CS66”, meaning that no new features would be added to Fireworks and that Adobe has ceased active development.

Adobe Fireworks
The future of Adobe Fireworks is quite uncertain. (Image: by Ryan Hicks7.)

The good news? Adobe has stated that official patches (i.e. minor updates) will be provided from time to time so that Fireworks CS6 continues to work on the latest versions of Mac OS X and Windows — hopefully, for a few more years. The first update (12.0.18) was released in June, and I hope we’ll see a few more in the next year or two. Fireworks CS6 is still available to all Adobe Creative Cloud (CC) subscribers, and it can be also purchased as a standalone version.

(Note: Unfortunately, it is very unlikely that Adobe will ever open-source Fireworks, even if there was a petition9 with thousands of signatures asking Adobe to allow the community to continue developing and enhancing Fireworks. Fireworks is tightly integrated with software that Adobe continues to develop and sell.)

Now, the better news? While Adobe will not add features to the latest (and last) version of Fireworks, a great community of developers continues to add valuable new functionality to Fireworks through the release of free extensions. For example, SVG export10 was recently added to Fireworks, then SVG import11 and many other new features. (We’ll talk about extensions in detail later.)

So, while Fireworks’ future does not look bright, you can continue to safely use it for your work today and at least for some time. Also, alternative apps could replace Fireworks in the future. Within weeks of Adobe’s announcement about feature-freezing Fireworks, several competing tools were announced. Clearly, Fireworks is an important tool for many designers, and there is a clear place for it (and tools like it) in our workflow and processes. (We’ll talk a bit about these alternatives later in this article, too.)

2. Why Fireworks Is So Awesome (Today)?

Designers, especially ones with little or no experience with Fireworks, often ask, “Why should I use Fireworks for UI design and screen graphics? Why not use Photoshop (as most visual designers do), combined with Illustrator? Or why not some other tool?”

Many features make Fireworks an excellent (and even indispensable) tool for screen design. We’ll quickly list a few below.

Focus on Screen Design

Fireworks is a tool to design for screens; thus, it is focused. It has features that help the UI designer work quickly and accurately, and clutter is kept to a minimum (for example, it has no print or 3-D features). It is also intuitive to use and has wireframing and prototyping capabilities. Fireworks is like a Swiss Army knife for UI design.

Powerful Vector Tools

Fireworks has powerful vector tools, too. In this regard, you could easily compare it to Adobe Illustrator — yet Fireworks’ tools are easier to master. You can go from the simplest of wireframes to the most complex of screen graphics, illustrations, icons, and full-page designs and comps, and then export the entire page or just selections as optimized bitmaps or SVG, without ever needing to switch to another app!

Good Bitmap Editing Tools

Fireworks also has full bitmap editing tools, so you don’t need to jump from Fireworks to another app when you want to modify bitmaps (for example, when you have to make a quick color correction on an imported photo, crop an image, apply a vector mask, etc.).

Create Live Prototypes

Create live (i.e. HTML) without ever leaving Fireworks? Yes, that’s possible. We’ve covered this in the past12. Fireworks is also invaluable for other types of live prototypes; for example, you could quickly create a prototype of a music player13?

Create Live iOS Prototypes

Fireworks can also create iOS prototypes. From wireframes to an iOS prototype to the final polished design — all of these steps can be done without leaving this one design tool!

The topic of iOS live prototyping with Fireworks and TAP14 was covered in great detail in the three-part article by Shlomo Goltz, “iOS Prototyping With Adobe Fireworks and TAP” (part 19615, part 29716, part 39817).

The (Smart) Fireworks PNG File Format

Fireworks saves to a special editable PNG format, which offers many advantages18: small file size (multi-page Fireworks PNG files are usually less than 10 MB in size, while a single PSD file can easily reach a few hundred MB, even for a one-page design!), the ability to embed custom meta data (such as annotations19, notes and comments) within the source file itself, the ability to preview files in Finder and Explorer, the ability to make special libraries of symbols (which can be indexed and searched, as in the example of the Evernote and Fireworks workflow20) and, last but not least, the ability to view a live preview of a single-page Fireworks PNG in any browser or device.

Excellent Exporting, Opening, Importing and Saving Options

Fireworks can export to the following formats, with excellent compression and quality: PNG32 (i.e. PNG24 + alpha transparency), PNG24 (with no transparency), PNG8, PNG8 + index or alpha transparency, JPG and JPG progressive, selective JPG, GIF and GIF animated, SVG21, and ICO22 (for favicons).

In addition to all of these “flat” file formats (and, obviously, the editable file-name.fw-opt.png), Fireworks can open most Photoshop (PSD) and Illustrator (AI) files, Encapsulated PostScript (EPS) files and most SVG23 files.

Fireworks saves to the editable Fw PNG (file-name.fw-opt.png) format by default, but it can also save to PSD (file-name.psd) and AI (file-name.ai) formats.

(Note: Support for PSD and AI files has some limitations, especially as the features of Photoshop and Illustrator continue to change.)

Pages and Master Page, Layers, States (and Objects)

Nearly all websites and mobile apps have more than one page or screen, and many pages and even many states (or variations) of those pages have to be designed. One of the most powerful features of Fireworks is its ability to contain many pages in a single file, as well as contain many states for both pages and individual objects in a design (the article “Using Pages, States and Layers in Fireworks24” discusses this thoroughly).

Pages, layers and states in Fireworks
Pages, layers and states

Those of you familiar with Photoshop might know about layer comps, but the pages feature in Fireworks is much easier to use and understand; multiple artboards in Illustrator serve a similar purpose, but once again, the concept of pages is more intuitive and corresponds more closely to our mental model of the pages in a website or app. Additionally, the Master Page in Fireworks enables us to create a standard structure (for example, header and navigation) for all of the pages on a website in one place and have it appear on all pages automatically. Thus, if you edit the Master Page, the changes will instantly and automatically appear on all pages.

The text, images and graphics that are placed on pages are organized in layers; layers may contain multiple objects and even sublayers. Because Fireworks is an object-based design tool (that is, each object is independent of the others — you simply click on an object on the canvas to select it), we use the layers primarily to organize our source files. We can share layers to multiple pages (so, editing on one page would change that layer on all pages), control the visibility of layers, and even export the objects of selected layers.

Fireworks also enables us to create multiple states (previously called “frames” because they were originally used for animated GIFs and Flash animations) of pages and individual objects. This is important and very useful for UI design, because many screens and screen elements have multiple possible states (for example, buttons could have hover or focus and down states), and sometimes you’ll design a few options for the same object to show variations to your client. States are also important for symbols (both graphic and animation) and rich (or component) symbols, because we can encapsulate many variations in a single symbol and then reuse that symbol in different states throughout the design and across pages, and we can even share symbol libraries with others to use them across files and projects!

Copy And Paste Attributes

Want to apply all properties of a particular object (colors, stroke, fill, live filters, etc.) to another object (or group of objects)? Easy! The super-powerful command Control/Command + C and then Control/Command + Alt + Shift + V will do it for you!

And what if you want to apply only certain properties of one selected object to another? This is possible, too, with the Paste Selected Attributes25 extension!

Excellent Tool for Mobile Design

Because Fireworks is (primarily) a vector design tool (which means easy scalability), it can be used equally well for all kinds of mobile design26: iOS27, Android, Windows Mobile.

Design From A to Z in Fireworks

Fireworks could be the right tool for every stage of a screen design project28. You can start with ideas and sketches on paper, move to wireframes, then to (live) prototypes, then to the final polished design (and design assets), without ever leaving Fireworks. No need to constantly jump between tools depending on the task at hand — this workflow could save you quite some time.

Symbols and Rich Symbols

Fireworks has a two types of symbols: graphic symbols and rich (or component) symbols. The value of symbols is that they can be created once and then used multiple times throughout a design wherever needed. Then, if you edit a symbol, those changes will immediately appear in every occurrence (or instance) of the symbol in the document. The key difference between a graphic symbol and a rich symbol is that the former has the same appearance in all instances (for example, icons are typically created as graphic symbols), whereas rich symbols are much more complex, and each instance can be customized (for example, a button might have the same shape, but its text label can be edited and its color changed to indicate alternate states, such as hover and disabled), yet the core design of the rich symbol would be shared by all instances.

While graphic symbols are common to many design tools, rich symbols are especially powerful because they combine graphics, editable properties and even code, so that we don’t need to draw and redraw similar objects repeatedly. Their efficiency alone is great enough, but rich symbols can also be saved in libraries and shared with others, because they use the same editable Fireworks PNG format as all other Fireworks documents. There are even techniques to create cloud-based symbol libraries29 that can be shared and managed by an entire team!

Here are a few resources to teach you more about using symbols in Fireworks:

Styles

Styles are like CSS for Fireworks files: Define text and graphic styles once, then apply them as needed throughout an entire document. If you edit a style, all instances of that style in the document will be updated. Creating, saving and sharing style libraries with others to ensure design consistency across a team is also easy. Fireworks even enables you to apply a style to an object and change how that instance appears without breaking the link to the original style; then, you can revert to the original, save the modifications as a new style and even use the modifications to redefine and update the original style, with those changes being applied to all instances of the style in the document.

In fact, styles are so much like CSS that an extension exists33 to export styles as CSS!

Styles in Adobe Fireworks

Styles in Fireworks: Creating, redefining, copying and breaking a link to a style are easy to do.

Here are some sources that you might find useful:

Slicing

Slicing is a common way to extract and save specific graphics from a complete design, such as background patterns, button graphics, icons and illustrations. Fireworks makes it easy to slice multiple graphics quickly. Simply select all of the objects that you want to save as graphics, click Edit → Insert → Rectangular Slice (or right-click and choose Insert Rectangular Slice from the context menu), and choose “Multiple Slices” from the dialog that appears.

Slices will then be automatically drawn around each object individually. Each slice can be named (in the Properties panel) and can have its own optimization settings, so exporting PNGs, GIFs and JPGs all from the same document and all at the same time is possible! Slices remember their name, saved file location and optimization settings, so you can edit the design and re-export the new graphics without having to re-slice and re-optimize.

If you need to slice just a portion of a design or object, rather than the whole thing, then the Slice tool in the “Tools” panel makes it easy to draw borders around exactly what you want to export as a graphic.

Note: While you can easily export slices from a Fireworks PNG design, creating an individual slice for each element that you want to export might be a pain. With the “Generate Web Assets8937” command, exporting different parts of your document becomes so much easier. Simply specify how you want an object to be exported (i.e. change its name to include an image-based file extension, like header-opt.png or company-logo-opt.png), and then export. Voilà! PNG, GIF and JPG file formats are supported.

Here are some resources that might help you:

Pixel Perfection

Fireworks always works with whole pixels, and objects fall on a pixel-perfect grid. There’s no need to activate any setting to “snap to pixel” because, by default, everything snaps to the whole pixel. In rare cases when an object or a particular object property falls off the pixel grid, such as when scaling a vector object up or down and the nodes fall between pixels, the intuitive command Modify → Snap to Pixel (or Control/Command + K) fixes any problems. If you modify a vector object with anti-aliasing applied to the stroke and/or fill and you notice blurry edges, then just select the object and snap it back to pixel to make it sharp and clear again.

Properties Panel and Direct Interaction

In Fireworks, you interact directly with the objects on the canvas (without having to dig through hundreds of layers in the Layers panel) using the Select and Subselect tools. When an object is selected, the Properties panel (also called the “Property Inspector”) automatically updates to display information about that object and shows nearly all of the properties that may be edited. This makes it easy to draw, select and modify almost any type of object directly: vector objects, text blocks, bitmap objects, vector masks, hotspots and so on. Auto shapes (which are special types of complex vector objects — more on these below) can be modified, too, using the Properties panel, but you can also modify them directly on the canvas by using their control points.

The Fireworks Properties panel.40
The Properties panel allows you to intuitively edit (and check) the properties of any object or group of objects selected on the canvas. (View large version41)

So, regardless of the type of object on the canvas (text, vectors, symbols, slices, hotspots, groups or bitmaps), as soon as it is selected, the Properties panel will tell you what it is and will enable you to modify it instantly.

As you see in the illustration above, the Properties panel intelligently adapts to the type of object. In the following screenshots, you can see when various objects are selected:

Gradients Made Easy

Creating gradients is easy with Fireworks because they are edited in live mode. You can intuitively control all gradient properties directly from the Properties panel.

Gradients in Fireworks
Gradients in Fireworks are powerful yet easy to use. (Image: “Optimizing the Design Workflow With Fireworks Extensions, Part 346,” Ashish Bogawat)

Also worth noting is that Fireworks offers many more types of gradients than other graphic editors. Here are all of the gradient types supported: linear, radial, rectangle, cone, contour, satin, starburst, folds, ellipse, bars, ripples and waves.

Two free extensions make working with gradients even easier: Gradient Panel and Gradient Direction Editor (both of which we’ve reviewed in detail47).

Blending Modes

Believe it or not, Fireworks has more blending modes than Photoshop, and some of these unique blending modes are pretty useful. Blending modes can be applied to any type of object, not just bitmaps, and can be used to adjust an appearance as well as to create special effects.

Fireworks blending modes
Fireworks’ blending modes

9-Slice Scaling Tool

Sometimes when scaling an object up or down, we want to maintain the appearance of some parts of the object so that it does not appear stretched or distorted. If we just made it large or smaller, everything would change in scale proportionally; if we made it just wider or just taller, then it would appear distorted. 9-Slice Scaling enables us to identify which parts of the object should scale (and in which direction) and which parts should maintain their shape and proportion.

For example, buttons often have rounded corners, and these should not be distorted, no matter how wide or narrow a button becomes.

9-slice scaling in Fireworks (example with button).
Maintaining the appearance and proportions of certain parts of an object (in this case, the radius of a button’s corners) is easy with the 9-Slice Scaling tool.

Modal dialog boxes also often have rounded corners as well as a title bar with icons and a text label, but the amount of content in the dialog will vary, so the dialog box will sometimes need to be large and sometimes small, but the corners, title bar and icons should always have the same proportions and scale.

9-slice scaling in Fireworks (example with modal dialog).
Maintaining the appearance and proportions of certain parts of an object (in this case, the title bar with icons and the rounded corners of a modal dialog box) is easy with the 9-Slice Scaling tool.

A Versatile Alignment Panel

With the help of the Align panel, you can align and distribute objects relative to the canvas or to each other. You can space them evenly or specify a precise value (in pixels). The options here are almost limitless.

Find and Replace in Fireworks48
The Align panel in Fireworks offers many options.

Live Filters

Fireworks’ live filters can be easily applied to any type of object, and they are non-destructive, which means that you can add and modify filters without altering the original object or image. The stacking order of applied live filters can be changed with simple dragging and dropping; the visibility of an applied live filter may be turned on and off; and multiple filters of the same type may be applied to a single object on the canvas. Live filters can be used for color adjustment, shadows and glows, and blur effects, and even to add and edit Photoshop live effects if you have opened a PSD file.

Fireworks live filters (example)
This simple example shows two “Inner Shadow” live filters applied to the same object.

Linked Images

Other products in Adobe’s Creative Suite support the “smart objects” feature, which lets you import objects from one app to another. When the source object changes, the imported one will update as well. Thanks to the Linked Images49 panel, achieving almost the same functionality in Fireworks is now possible!

Scale Stroke and Effects

Because Fireworks was built from the ground up as a screen design tool, it has many little things that help the UI designer. One of these is the option to toggle on and off the “Scale Stroke and Effects” option, which is very useful when you’re working on a design that has to be rescaled later (for example, if you’re working on both a Retina and non-Retina design for iOS).

Scale stroke and effects50
“Scale Stroke and Effects” is easy to enable and disable.

Auto Shapes Super-Power!

Fireworks’ vector auto shapes are a unique feature and superb! You can easily create (and then later edit) rounded rectangles, stars, polygons, arrows, cog wheels and many other types of objects with only a couple of clicks of the mouse or by using the Auto Shape Properties panel. New auto shape objects can be placed on the canvas from the “Vector Tools” section of the Tools panel and from the Auto Shapes panel. You can change all of the properties of these special objects easily and with numeric precision. Auto shapes may be edited both as special auto shape objects and as vector objects.

Creating custom auto shapes is also possible, and many such objects exists as free extensions — the Multi-Border Rectangle51 auto shape, the Lorem Ipsum52 auto shape and the Filter Light Source and Sunburst53 auto shapes, to name just a few.

CSS Properties

In Fireworks CS6, you can easily extract any CSS properties of a selected object with the help of the CSS Properties panel54. Combined with Matt Stow55’s excellent free extension, Fireworks CSS Professionalzr56, the feature can save you development time and help you read, copy and reuse CSS properties more quickly.

Find and Replace

Find and replace — most applications have this feature, so nothing special, right? Wrong! Find and replace is much more powerful in Fireworks.

Fireworks can search (and search and replace) in Fireworks PNG documents for the following objects and object properties:

  • text strings,
  • fonts,
  • colors,
  • URLs.

You can restrict a search to a particular page, a state, a manual selection of objects or layers, a particular Fireworks PNG document or even a set of closed Fireworks PNG documents located in a particular folder!

Find and Replace is also very flexible. For example, when searching for a particular color, you can target the following: fills and strokes, only fills, only strokes, live filters, or all properties! Similarly, Find and Replace can be adapted to search for text strings, fonts used, etc.

Find and Replace in Fireworks57
The Find and Replace panel is powerful and customizable.

Batch Processing

Have you ever had to repeat the same actions over and over again, such as editing, resizing, optimizing and renaming hundreds of photos? Batch processing to the rescue!

Fireworks makes it easy to select multiple files and repeat the same actions on each one. Batch processing allows you to change export and optimization settings, change sizes, perform find-and-replace actions, rename files when saved, and even apply any commands (including custom ones!) that appear in the “Commands” menu (for example, “Convert to Sepia,” applying a “Gaussian Blur,” etc.). Batch actions may be saved and reused, too; simply go to File → Batch Processing, select the files and create your own batch script.

And If All of the Above Are Not Enough, Extensions to the Rescue!

With the help of free extensions made by developers, Fireworks becomes a much more functional, robust and productive tool. (We’ll go over some of the best extensions later in this article.)

Let’s Sum It Up: 1 + 1 = 3 !

So many other powerful features are in Fireworks that we couldn’t mention and describe them all in one article.

The most important thing to know is that, while many of Fireworks’ features are not unique (other graphic design apps have similar features), the combination of features that Fireworks offers in one package is unique. You can work with vectors and raster (i.e. bitmap) images in Fireworks simultaneously; simply select an object, and Fireworks’ UI will automatically adapt to give you the tools, properties and options for that type of object. You can go from paper sketches to rough wireframes to a real live prototype (HTML or mobile) to a final polished multi-page design, with optimized exported assets in perfect quality, without ever leaving the app!

You can do nearly everything in Fireworks. Even better, you can work in Fireworks and import assets from other programs, such as Photoshop and Illustrator.

Fireworks is like a Swiss Army knife for screen and UI design. It has all of the tools one might need in a single lightweight package, offering quite a lot of power and versatility. Don’t forget about speed, too — working with Fireworks is all about efficiency and speed. You could, of course, use this Swiss Army knife in conjunction with other apps, but you’ll be relying on this app most of the time, because it has everything in one place, easily accessible, easily learnable and highly intuitive.

This is why thousands of people use Fireworks today: screen and UI designers, illustrators, Web designers, iOS and Android app designers, front-end developers and more.

Is Fireworks the Perfect Tool for UI Design?

No, Fireworks is not perfect. I have used this app for thousands of hours, and I must admit that.

But what tool for UI design is perfect? Is Photoshop the perfect tool for UI design? Is Illustrator? Or Sketch? Or InDesign? Or Pixelmator?

Is there even such a thing as a perfect UI design tool? I don’t think so.

Photoshop is the elephant in the room most obvious example. It was created for photo editing and print design tasks. A few UI design features were later added to it, yet Photoshop still lacks many features that would make it really useful (and easy to use) for screen design. Still, thousands (if not millions) of users worldwide have been working with this imperfect tool for more than a decade and use it successfully for UI design tasks.

Fireworks, on the other hand, was built from the ground up for UI and screen design, and every single feature in it is intended specifically to help the UI designer. Even though Fireworks isn’t the perfect tool, in my opinion it best meets the needs of UI designers. As I said earlier in this article, 1 + 1 = 3. Like a Swiss Army knife, none of the features in Fireworks is perfect, but when you combine them all, you realize that you’re able to design UIs more quickly than any other combination of features would allow and that you are very efficient in the process.

And yes, Fireworks has a few weaknesses. Its color picker feels a bit old. It cannot use more than 2 GB of RAM (because it’s a 32-bit app). If you work with too many pages or symbols in one document, Fireworks can feel a bit slow. Bugs do appear randomly (and then disappear). And so on. But bugs appear in other programs, too, which doesn’t stop us from using them, right? UI designers need the right tool for the job, not the perfect one, and Fireworks manages to be the right tool most of the time.

Finally, there are probably a few features that Fireworks does not have but that would make it even more useful to designers and developers. While Adobe will not likely add any more features, the great community of developers will continue adding extensions to the app, keeping it up to date for quite some time.

3. A Few Fireworks Designs

Let’s look at some excellent illustration and interface design work, done entirely in Fireworks.

58
Kawasaki Vulcan 1700 (vector illustration), by Isabel Aracama59

60
Ferrari 288 GTO (vector illustration), by James Parker61

62
Nikon (iOS icon), by Gianluca Divisi6563

64
TouchCDJPro (iOS UI), by Gianluca Divisi6563


Social bar (UI design), by Lorenzo Franchini66


Expenses app (UI design), by Lorenzo Franchini67


Restaurant navigation (UI design), by Tomas Gajar68


Sample navigation (UI design), by Tomas Gajar69

More Examples? Sure!

At the end of 2010, I wrote a pretty detailed piece for Smashing Magazine, “The Power of Adobe Fireworks: What Can You Achieve With It?70.” In it, I showed many examples of Fireworks being used successfully for UI design, Web design, amazing vector illustrations, logos, elegant icons, digital paintings and comic strips, and even for planning and creating Adobe’s entire CS5 branding. While the article is three years old now, the examples in it are still relevant, and you can take a quick look71 if interested.

Adobe CS5 branding (made with Fireworks)72
Adobe’s CS5 branding can be made right in Fireworks. (View large version73)

4. The Power of Fireworks Extensions

One aspect of Fireworks makes it even more powerful and deserves special mention: extensions. Extensions are written in JavaScript, run directly in Fireworks, and add new features to make the app better and more productive. Extensions can be written to do almost anything, making it possible to configure Fireworks to be exactly the tool you need!

We have published an excellent series of articles, by Ashish Bogawat, that cover in depth some of the best extensions for Fireworks: part 174, part 275, part 376.

Personally, I recommend the following free extensions:

Also worth mentioning is Project Phoenix91, where many indispensable Fireworks extensions are frequently improved and updated!

Using Fireworks Extensions Yourself?

If you’re using Fireworks with extensions, which are your favorites? Which extensions work the best for you and help you the most? Share them with us in the comments!

5. Recommended Articles and Tutorials

Before reviewing the apps that might replace Fireworks in the future, we’ll recommend some articles and tutorials. These articles could prove very useful to you, and they showcase some powerful workflows in the app.

UI and Icon Design

Interactive (HTML and Mobile) Prototypes

Designer Workflows and Techniques

Reasons to Use Fireworks for UI Design

(Note: There are plenty of reasons to use Fireworks for Web, UI and screen design. While it competes partly with Photoshop, Illustrator, Sketch and other tools, Fireworks is a great tool and still relevant, and it offers a modern, powerful workflow for all kinds of screen design, even today.)

6. Replacing Fireworks: Exploring Our Options For The Future

Many designers will continue to use Fireworks CS6 with their favorite extensions as long as it is stable and continues to run on Windows and Mac OS X. But looking at the alternatives110 is important because sooner or later we’ll have to move on. Which apps might replace Fireworks today or tomorrow? Let’s take a quick look.

Today

Many people say that Sketch131111 is great, but it still has a few limitations and lacks many of the features of Fireworks. And unfortunately, it runs only on a Mac. But if you’re on a Mac, I strongly recommend trying it! These three fairly recent articles shed more light on Sketch and its features:

Made with Sketch (by Isabel Arakama)115
Sketch is quite powerful for UI design. This vector illustration was made entirely with Sketch by the talented designer Isabel Aracama116. (View large version117)

Antetype118 is an interesting alternative, as is Pixelmator119. Unfortunately, both are Mac-only, too.

Meanwhile, Xara Designer Pro120 is a UI design tool that runs only on Windows. PC Pro has a quick review121 of it.

Tomorrow

Alan Musselman122 (former Macromedia/Adobe Fireworks project manager and developer) is working on a new project, codenamed Project EvolveUI123. EvolveUI should address many of our modern screen design needs (such as combined vector and bitmap tools, styles, symbols, the ability to build interactive prototypes, etc.), so this sounds like a promising alternative. Bonus points: The app will be open-source and available on all platforms (Windows, Mac and Linux). The first version is expected at the end of 2014, but if you’re interested, you can sign up to the project’s Google Group124 and join alpha and beta testing and the discussions.

A new screen (layout) design tool by Tom Giannattasio125 and Adam Christ126 is in the works: Project Macaw127. A Kickstarter project128 supports it, and the first version for Mac and Windows should be available in early 2014. This app looks promising, too, but unfortunately, it might not replace Fireworks because it will lack vector and bitmap editing tools, and it will be more like InDesign for the Web than a full-featured screen design app.

As far as I know, Adobe is not working on a replacement. Many of Fireworks’ best features have already been added to its other apps (namely, Photoshop, Illustrator and Edge Reflow), so Adobe recognizes the power of Fireworks’ tools and workflow. However, moving features into other apps is not really a replacement — it just means that designers will be spending more time working across multiple apps.

Last-minute update: It seems that Adobe is working129 on a new design tool that could replace Fireworks in the future. I’ll try to update this article once I know more.

A Note to Our Readers

If you currently rely on Fireworks for UI design but have recently discovered an app that suits you better and that might replace Fireworks for you, please let us know in the comments. We’re always looking for alternatives!

7. Conclusion

What are our plans, you may ask? For now, we will keep the Fireworks section1304 open. Many designers out there continue to rely on Fireworks and use it. And, with the promise from Adobe to keep Fireworks available for some time longer, it seems that anyone using Fireworks today is still safe.

Of course, we, too, are exploring alternatives! New tools are emerging every day, and sooner or later a better tool will be created by some talented people who really understand how we design for the screen. (One of those tools might be Sketch131111, to which we’ll dedicate an article in the near future. Another is Project EvolveUI132, which is very promising but still in alpha.)

Finally, thank you to the amazing Fireworks community, a community driven by passion and one that makes Fireworks so much better through the contribution of free extensions, useful articles and tutorials — and love!

Also, thank you to Smashing Magazine’s authors — and readers, of course! You guys rock! Your constant support convinces us that we’re doing the right thing with the Fireworks section. We’ve done our best to provide the community with the highest-quality, most in-depth articles about Fireworks and all of the excellent workflows that it offers, and I feel very proud of our work.

Special thanks to Dave Hogue133 (currently UX Design Manager at Google), who helped me with this article and who has been involved in the Fireworks community around the world for many years. Dave has shared his experience with and knowledge of design, workflow and Fireworks in numerous articles, tutorials and videos (and on Twitter134, of course), and he helped me to make certain that this article doesn’t overlook any of the great features that make Fireworks so amazing and useful.

(mb, al, ea)

Footnotes

  1. 1 http://blogs.adobe.com/fireworks/2013/05/the-future-of-adobe-fireworks.html
  2. 2 https://en.wikipedia.org/wiki/Macromedia
  3. 3 http://www.reinegger.net/adobe_fireworks_a_super_hero_that_is_hard_to_kill.html
  4. 4 http://www.smashingmagazine.com/
  5. 5 http://blogs.adobe.com/fireworks/2013/05/the-future-of-adobe-fireworks.html#comments
  6. 6 http://blogs.adobe.com/fireworks/2013/05/the-future-of-adobe-fireworks.html
  7. 7 http://www.adobe.com/devnet/fireworks/samples/xd_brownbag.html
  8. 8 http://blogs.adobe.com/fireworks/2013/06/fireworks-cs6-update-12-0-1-is-live.html
  9. 9 https://www.change.org/en-GB/petitions/adobe-com-release-adobe-fireworks-to-open-source
  10. 10 http://fireworks.abeall.com/extensions/commands/Export/
  11. 11 http://johndunning.com/fireworks/about/SVG
  12. 12 http://www.smashingmagazine.com/2012/06/25/create-interactive-prototypes-with-adobe-fireworks/
  13. 13 http://www.smashingmagazine.com/2012/07/03/interactive-prototypes-timesavers-adobe-fireworks/
  14. 14 http://unitid.nl/2011/03/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/
  15. 15 http://www.smashingmagazine.com/2013/01/11/ios-prototyping-adobe-fireworks-tap-part1/
  16. 16 http://www.smashingmagazine.com/2013/01/25/ios-prototyping-adobe-fireworks-tap-part2/
  17. 17 http://www.smashingmagazine.com/2013/02/15/ios-prototyping-adobe-fireworks-tap-part3/
  18. 18 http://www.smashingmagazine.com/2012/10/12/adobe-fireworks-enterprise/
  19. 19 http://www.3revolutions.com/public/fw_annotations.php
  20. 20 http://www.smashingmagazine.com/2012/09/13/create-pattern-library-with-evernote-fireworks/
  21. 21 http://fireworks.abeall.com/extensions/commands/Export/
  22. 22 http://johndunning.com/fireworks/about/ExportAsFavicon
  23. 23 http://johndunning.com/fireworks/about/SVG
  24. 24 http://www.adobe.com/devnet/fireworks/articles/pages_states_layers.html
  25. 25 http://www.smashingmagazine.com/2013/09/20/fireworks-extensions-for-better-workflow-part-2/#modifycommands
  26. 26 http://www.smashingmagazine.com/2012/05/07/refining-designs-adobe-fireworks/
  27. 27 http://www.smashingmagazine.com/2012/12/03/design-ios-apps-with-adobe-fireworks/
  28. 28 http://www.smashingmagazine.com/2012/06/11/developing-a-design-workflow-in-adobe-fireworks/
  29. 29 http://www.smashingmagazine.com/2012/09/13/create-pattern-library-with-evernote-fireworks/
  30. 30 http://tv.adobe.com/watch/learn-fireworks-cs4/understanding-styles-and-symbols/
  31. 31 http://help.adobe.com/en_US/fireworks/cs/using/WS4c25cfbb1410b0021e63e3d1152b00db4b-7fd4.html
  32. 32 http://www.youtube.com/watch?v=1k7ay0Szovg
  33. 33 http://fireworks.abeall.com/extensions/commands/Export/
  34. 34 http://tv.adobe.com/watch/learn-fireworks-cs4/understanding-styles-and-symbols/
  35. 35 http://layersmagazine.com/fireworks-cs4-styles-management.html
  36. 36 http://mtnstonemedia.wordpress.com/2012/12/01/tutorial-adobe-fireworks-cs5-installing-and-utilizing-styles/
  37. 37 http://johndunning.com/fireworks/about/GenerateWebAssets
  38. 38 http://webdesign.tutsplus.com/videos/fireworks-videos/getting-started-with-fireworks-intro-to-using-the-slicing-tool/
  39. 39 http://www.mlwebco.com/2010/08/15/how-to-slice-images-like-a-pro-in-adobe-fireworks/
  40. 40 http://www.smashingmagazine.com/wp-content/uploads/2013/12/pi-panel-all-screens-large-opt.png
  41. 41 http://www.smashingmagazine.com/wp-content/uploads/2013/12/pi-panel-all-screens-large-opt.png
  42. 42 http://www.smashingmagazine.com/wp-content/uploads/2013/12/pi-panel-mask.png
  43. 43 http://www.smashingmagazine.com/wp-content/uploads/2013/12/pi-panel-rectangle.png
  44. 44 http://www.smashingmagazine.com/wp-content/uploads/2013/12/pi-panel-text.png
  45. 45 http://www.smashingmagazine.com/wp-content/uploads/2013/12/pi-panel-group.png
  46. 46 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#gradientpanel
  47. 47 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#gradientpanel
  48. 48 http://www.smashingmagazine.com/wp-content/uploads/2013/12/align-panel-opt.png
  49. 49 http://johndunning.com/fireworks/about/LinkedImages
  50. 50 http://www.smashingmagazine.com/wp-content/uploads/2013/12/fw-scale-stroke-effects.large_-opt.png
  51. 51 http://johndunning.com/fireworks/about/MultiBorderRect
  52. 52 http://johndunning.com/fireworks/about/LoremIpsum
  53. 53 http://fireworks.abeall.com/extensions/autoshapes/
  54. 54 http://www.adobe.com/devnet/fireworks/articles/css3-extracting.html
  55. 55 https://twitter.com/stowball
  56. 56 http://mattstow.com/css-professionalzr.html
  57. 57 http://www.smashingmagazine.com/wp-content/uploads/2013/12/search-and-replace.large_-opt.png
  58. 58 http://www.smashingmagazine.com/wp-content/uploads/2013/12/2011-Kawasaki-Vulcan-opt.jpg
  59. 59 http://dribbble.com/Isabel_Aracama
  60. 60 http://www.smashingmagazine.com/wp-content/uploads/2013/12/ferrari-in-adobe-fireworks-large-opt.png
  61. 61 http://dribbble.com/shots/861242-Ferrari-288-GTO-In-Vectors
  62. 62 http://www.smashingmagazine.com/wp-content/uploads/2013/12/nikon-ios-icon-opt.png
  63. 63 http://dribbble.com/graphic4fun
  64. 64 http://www.smashingmagazine.com/wp-content/uploads/2013/12/TouchCDJPro-opt.png
  65. 65 http://dribbble.com/graphic4fun
  66. 66 http://dribbble.com/shots/206827-Social-Bar
  67. 67 http://dribbble.com/shots/1167928-Expenses
  68. 68 http://dribbble.com/shots/1213384-Restaurant-Navigation
  69. 69 http://dribbble.com/shots/1089360-Navigation
  70. 70 http://www.smashingmagazine.com/2010/09/17/the-power-of-adobe-fireworks-what-can-you-achieve-with-it/
  71. 71 http://www.smashingmagazine.com/2010/09/17/the-power-of-adobe-fireworks-what-can-you-achieve-with-it/
  72. 72 http://www.smashingmagazine.com/wp-content/uploads/2013/12/adobe-cs5-branding-large.png
  73. 73 http://www.smashingmagazine.com/wp-content/uploads/2013/12/adobe-cs5-branding-large-opt.png
  74. 74 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/
  75. 75 http://www.smashingmagazine.com/2013/09/20/fireworks-extensions-for-better-workflow-part-2/
  76. 76 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/
  77. 77 http://johndunning.com/fireworks/about/Tables
  78. 78 http://johndunning.com/fireworks/about/SVG
  79. 79 http://fireworks.abeall.com/extensions/commands/Export/
  80. 80 http://johndunning.com/fireworks/about/MultiBorderRect
  81. 81 http://johndunning.com/fireworks/about/LinkedImages
  82. 82 http://johndunning.com/fireworks/about/SmartResize
  83. 83 http://johndunning.com/fireworks/about/SmartPunch
  84. 84 http://mattstow.com/export-responsive-prototype.html
  85. 85 http://fireworks.abeall.com/extensions/panels/Path
  86. 86 http://fireworks.abeall.com/extensions/commands/Modify/
  87. 87 http://fireworks.abeall.com/extensions/commands/3D-Rotate/
  88. 88 http://fireworks.abeall.com/extensions/commands/Paths/
  89. 89 http://johndunning.com/fireworks/about/GenerateWebAssets
  90. 90 http://johndunning.com/fireworks/about/KeyboardResize
  91. 91 http://phoenix-project.tumblr.com/
  92. 92 http://www.smashingmagazine.com/2012/05/07/refining-designs-adobe-fireworks/
  93. 93 http://www.smashingmagazine.com/2012/12/03/design-ios-apps-with-adobe-fireworks/
  94. 94 http://www.smashingmagazine.com/2012/06/25/create-interactive-prototypes-with-adobe-fireworks/
  95. 95 http://www.smashingmagazine.com/2012/07/03/interactive-prototypes-timesavers-adobe-fireworks/
  96. 96 http://www.smashingmagazine.com/2013/01/11/ios-prototyping-adobe-fireworks-tap-part1/
  97. 97 http://www.smashingmagazine.com/2013/01/25/ios-prototyping-adobe-fireworks-tap-part2/
  98. 98 http://www.smashingmagazine.com/2013/02/15/ios-prototyping-adobe-fireworks-tap-part3/
  99. 99 http://www.smashingmagazine.com/2012/06/11/developing-a-design-workflow-in-adobe-fireworks/
  100. 100 http://www.adobe.com/devnet/fireworks/articles/css3-extracting.html
  101. 101 http://www.smashingmagazine.com/2012/07/03/interactive-prototypes-timesavers-adobe-fireworks/
  102. 102 http://www.smashingmagazine.com/2012/09/13/create-pattern-library-with-evernote-fireworks/
  103. 103 http://www.smashingmagazine.com/2012/10/12/adobe-fireworks-enterprise/
  104. 104 http://www.smashingmagazine.com/2013/08/26/mojo-motors-responsive-redesign-with-adobe-fireworks-part-1/
  105. 105 http://barn.headscape.co.uk/articles/the-no-1-reason-i-love-fireworks/
  106. 106 http://www.webdesignerdepot.com/2010/08/7-reasons-why-i-choose-fireworks-over-photoshop/
  107. 107 http://pixelyzed.com/pixelforge/whychoosefireworks/
  108. 108 http://www.further.co.uk/blog/the-features-that-make-fireworks-the-application-of-choice-for-web-designers
  109. 109 http://boagworld.com/design/fireworks-vs-photoshop
  110. 110 http://blog.tawhidkhan.com/replace-adobe-fireworks-uiux-design-tools-comparison/
  111. 111 http://www.bohemiancoding.com/sketch/
  112. 112 http://medium.com/design-ux/c59ff242715d
  113. 113 http://medium.com/design-ux/25545f6cb161
  114. 114 http://www.creativebloq.com/khoi-vinh-using-sketch-instead-photoshop-6133901
  115. 115 http://www.smashingmagazine.com/wp-content/uploads/2013/12/made-with-sketch-opt.jpg
  116. 116 http://dribbble.com/shots/1218993
  117. 117 http://www.smashingmagazine.com/wp-content/uploads/2013/12/made-with-sketch-opt.jpg
  118. 118 http://www.antetype.com/blog/2013/04/guest-post-photoshop-is-not-a-page-layout-tool/
  119. 119 http://www.theverge.com/2013/5/8/4312054/pixelmator-2-2-new-shape-tools-ui-hands-on
  120. 120 http://www.xara.com/us/designer-pro/
  121. 121 http://www.pcpro.co.uk/reviews/software/383914/xara-designer-pro-x9
  122. 122 http://twitter.com/AlanMusselman
  123. 123 http://www.evolveui.com/
  124. 124 https://groups.google.com/forum/#!forum/underdog-discussions
  125. 125 http://twitter.com/attasi
  126. 126 http://twitter.com/gesusc
  127. 127 http://macaw.co/
  128. 128 http://www.kickstarter.com/projects/macaw/macaw-the-code-savvy-web-design-tool
  129. 129 http://www.smashingmagazine.com/wp-content/uploads/2013/12/dm.png
  130. 130 http://www.smashingmagazine.com/
  131. 131 http://www.bohemiancoding.com/sketch/
  132. 132 https://groups.google.com/forum/#!forum/underdog-discussions
  133. 133 http://www.davehogue.com/
  134. 134 http://twitter.com/davehogue

↑ Back to top Tweet itShare on Facebook

Michel is a freelance web designer, illustrator and photographer. He also happens to work as editor at Smashing Magazine and is very passionate about Fireworks, HTML/CSS, Web Standards and the smell of good coffee. When not designing websites or editing articles, he can often be found reading about design, riding his bicycle or simply looking at the clouds in the sky. Want to know more? You can check his personal blog or Twitter. :)

Advertising
  1. 1

    Project EvolveUI changed name to Project Underdog, since the other name was already taken.

    http://tribaloid.com/

    0
    • 52

      Michel Bozgounov

      January 4, 2014 2:45 am

      No, actually “Project Underdog” evolved into “EvolveUI”! ;-) (I guess the website is still not updated.)

      0
  2. 103

    I switched from Photoshop to Fireworks about 5 years ago now. And I have to say it was a real eye opener. Why the hell designers used a photo editing tool for making websites instead of a tool that was specially created for the task was beyond me.

    Now a days I use it daily and for some reason where ever I end up all my co workers seam to start using Fireworks after a few months of me starting working there :)

    Anyway… I’m not gonna stop using Fireworks as long as there is no suitable programe that does it better. I see people talking about Inkscape and Sketch… I think we’re not using it with the same end goal in mind my friends.

    In my view those programs can not compete with Fireworks any time soon.

    Anyhoo… I’ve uploaded some of my first Fireworks artwork to behance.net so you guys can see I’m not a complete idiot :)

    Have a look. Maybe you’ll like it.

    http://www.behance.net/ooosh

    Bye!

    1
  3. 154

    I really hope Adobe dies in the next few years. Stopped using/caring about it once CC was announced and the utter contempt shown to Australian users by the CEO ensured I’d never give them another dollar http://www.youtube.com/watch?v=78yigV0GYGQ

    Good riddance Adobe

    0
  4. 205

    I believe Serif DrawPlus (Windows only) is excellent software for things such as you mention- http://www.serif.com/drawplus/x6/gallery/ – It’s different but similar I suppose.

    0
  5. 256

    Michael Williams

    January 8, 2014 1:30 am

    What a beautiful Eulogy to a product I love.

    It’s going to take these pretenders a long time to catch up with Fireworks.

    0
  6. 307

    Look guys, it’s simple:

    1. Adobe (a print design and photography company) buys a company with tools that are compelling in the web design space (because print is dead)
    2. One of those tools is so useful that a lot of designers (me, for one) use ONLY it for nearly everything they do
    3. Adobe simultaneously attempts to Bridge(tm) the gap between their disparate, yet functionally cross-cutting (e.g., Light Room should be part of Photoshop, et al) app suite, in an attempt to make it even more of a package deal
    4. Adobe continues to lose Photoshop and Illustrator customers (~$700 combined?) to Fireworks ($300)
    5. Adobe does what Adobe does best, kills innovation, because they have what economists refer to as market control
    6. The customers languish

    What comes next is up to you.

    3
  7. 358

    News like this makes me long for the days when Macromedia was still around. With every release of software you could always tell they put a lot of time and effort into delivering a good product.

    It’s true that since the buyout, Adobe has not used the resources given to them at their fullest. I noticed this back when Director (which at the time before the buyout was years ahead of Flash) was neglected, then Freehand, soon Flash will be gone, and all that will be left of the former will be the Dreamweaver product.

    Adobe has gotten lazy. Their software has become too cluttered and for those who are wanting to begin to learn how to use it, the learning curve is steep. This is a sign of rushing things out the door. It’s all a mess. But it makes for the perfect opportunity for an innovator to step up to the plate and bring back some competitiveness to the industry. If a company out there decided to take back and actually create something new, it could easily put Adobe out of business. One such product that has recently caught my attention is Macaw (which recently had a Kickstarter campaign). Haven’t seen anything quite like it yet out there. http://macaw.co/

    1
  8. 409

    Thank you so much for an excellent article with a good summary of what makes Fireworks so valuable.

    Not all schools ignore Fireworks. I am a college professor in the web and interactive media department at my school. I have heavily promoted Fireworks in all my classes for the 5 years I have taught.

    I teach the advanced Photoshop and Illustrator courses at our college and both programs can NOT do what Fireworks so easily accomplishes.

    And if there are any Photoshop Naysayers out there, I just aced the Photoshop CC ACE exam with a 92…. so I think I know a little about Photoshop. I think the ignorance about Fireworks is appalling.

    One last note: long time Fireworks author, guru and instructor Tom Green has put his entire Fireworks course online for free. You can find it here on his YouTube channel:

    http://www.youtube.com/channel/UCCjDB7XASezB9lERBF1qwbA

    1
  9. 460

    Thanks Michel for another insightful article on Fireworks. While there is much I would like to say/add on Adobe killing FW, late to the party as I am here, I won’t (I did e.g. here after hearing the news last year: http://blogs.adobe.com/jnack/2013/05/is-fireworks-dead.html – one of the few places where we got a bit of communication back from an actual Adobe employee).

    However, I did the exercise of comparing the list of extensions currently active in my Fireworks to those mentioned in the article, and found 19 you did not mention :) Grouped by type, sorted alphabetically, with author’s name in parentheses (it should not become as a surprise to most FW users, that 2 authors tend to stand out).

    Commands
    – Export Selection (John Dunning)
    – Favicon (John Dunning)
    – Fill Handles Assistant (Kleanthis Economou)
    – Filters Commands (Aaron Beall)
    – Frame and Layer Utilities (John Dunning)
    – Grids (John Dunning)
    – Paths Commands (Aaron Beall)
    – Pixelate Selection (Matt Stow)
    – Resize Selected Objects (John Dunning)
    – Smart Knife (John Dunning)
    – Text Commands (Aaron Beall)
    – Web Commands (Aaron Beall)

    Panels
    – Adjust 9-Slice (John Dunning)
    – Adjustments Panel (John Dunning)
    – Guides (Eugene Jude)

    Auto shapes
    – Geometry Guides AutoShape (Aaron Beall)
    – Greeked Text (John Dunning)
    – Grid AutoShape (Aaron Beall)
    – Placeholder (John Dunning)

    1
  10. 511

    I’ve been a fw user since the macromedia days and I can tell you fireworks days is getting numbered. Since the mac os mavericks update, it has been crashing a lot of times and since there’s no support for it , expect in new os updates either in mac or windows it will cause more problems.

    On the other hand , if you plan to use fireworks other than screen design. Like for example logo design or a small tarp or poster. There are things you need to consider.

    – If you plan to save it as a psd file or ai, make sure you don’t use fireworks filters or layers. If it’s all gradients, find a way to make it look like a gradient by using 2 different colors. Exporting to psd sucks unless you convert them to bitmaps.

    – In logo design , I make sure to keep it 100 percent vector unless the client wants special effects etc and plans to use it on screen only.

    – If you plan on printing directly from fireworks ,remember it only supports rgb mode so it’s also one thing you need to consider if you also export it as a psd.

    1
  11. 562

    I will use fireworks till the day I die.

    2
  12. 613

    What a stunning article. I have used fireworks for the past 4 years and I truly cant believe Adobe would feature freeze one of the most capable tools in its line up . Bye Adobe its been highly regrettable knowing you!

    1
  13. 664

    I used to use Fireworks years ago until I got more serious about typography and then found it very limiting. I always knew that Adobe buying out Macromedia would be bad for innovation and time has proven that to be true. If Macromedia had remained independent, Fireworks would be a far more advanced tool today.

    Flash is dead or dying
    Dreamweaver is only used by people who don’t know better
    Fireworks, well see above

    2
  14. 715

    Do yo know any extension or option to use Fw with a retina display Macbook Pro?

    Thanks!

    0
    • 766

      As a long-time Fireworks user, what has forced me to look for an alternative, in light of the feature freeze news, is the fact that it will now never be Retina compatible…it is virtually unusable on those resolutions.

      Fireworks was/is an outstanding tool and it saddens me how few people really gave it a chance. Adobe lost a real opportunity here.

      0
  15. 817

    Never retina support is the knock-out criterion! :( … I don’t believe that it’s possible to fix with an extension. Are there any ideas for workarounds or hacks to get FW retina compatible? I heard about setting up a higher resolution on rMBP could do the trick, but texts and path edges are still blurry.

    I will use my old MBP for now, but it is very confusing for my eyes to change between retina and non-retina. I don’t think this is a solution.

    Are there any news about the new Adobe design tool that could replace Fireworks in the future as you mentioned?

    0
  16. 868

    I am thinking that no more enhancements might be a good thing. Why make it bloated with Adobe’s touch. I used CS3 until this year when I bit the bullet to Creative Cloud. I am not so certain that there will be anything to come close to FW for a long time. So in the mean time I am going to enjoy using what I have and if they make it go away, then I will find a stand alone to use till the OS says no go no mo.

    Thanks for a Great article!
    Steve

    1
  17. 919

    Thank you for this article, you perfectly summarize my views on this software. I use it for version 2 and it remains my view now irreplaceable convenience and productivity to work on the web.
    I still cross my fingers for a tool as well just …

    1
  18. 970

    I’ve known it. I just pretended I didn’t know it. This weekend night I was laying in my bed and a quick thought came up: is there something new that could be a good replacement of FW? I searched google for it and there is NONE. But I found your article. I love FW, I love this article and this is the longest read in my life ever. I designed every page of my websites by using FW, and there is no replacement of such a great tool. Never. I hate Adobe, a stupid company that must die because of its decision of NOT supporting web designs today. Print? who cares! Papers got 400 dpi but screen got 500+ 600+ and more. PS for screen design? Knife and fork for Chinese food.

    1
  19. 1021

    Has there been any news of someone even close to a fireworks replacement?!

    2

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top