Useful Adobe Fireworks Resources: Extensions (Part 1)

Useful Adobe Fireworks Resources: Extensions (Part 1)

• By Michel Bozgounov


• July 18th, 2014


• ExtensionsFreebiesWorkflow


• 0 Comments

Fireworks is an glorious UI pattern tool; however, Adobe motionless to feature-freeze¹ it behind in 2013 and (at a same time) did not offer any deputy apparatus to a users. Nevertheless, given Fireworks runs glorious now on a latest Mac OS X and Windows OS, and given it still offers a plain UI-design underline set, many designers continue to use it and rest on it daily.

For those of we who are acid for a identical tool, Sketch 3.0² seems to be a flattering good choice to Fireworks, though it’s still not utterly there yet; it’s Mac-only, and while a matrix collection are unequivocally good and it now has artboards, pages, black and styles, it lacks a few of a elementary facilities accessible in Fireworks. (I’ll speak some-more about probable alternatives to Fireworks in Part 2 of this series.)

So while we’re looking for alternatives, many of us also have to continue to use Fireworks³, and, as any engineer out there knows, Fireworks works best with extensions! This essay facilities some of a many useful (and free) Fireworks extensions that will assistance we work faster and be some-more effective with Fireworks; we have tested many of them myself, to be certain that they work flawlessly. In an arriving article, I’ll be covering many articles and tutorials that we rarely suggest that engage UI pattern and Fireworks, as good as a few freebies, such as editable Fireworks PNG files, templates, styles, Fireworks apparatus libraries, and so on.

To make a calm of Part 1 improved orderly (and for easier navigation), we have grouped a extensions (commands, authority panels and automobile shapes) into a following categorical sections:

• John Dunning’s extensions⁴


• Aaron Beall’s extensions⁵


• Matt Stow’s extensions⁶


• Extensions by other prolongation developers⁷


• Project Phoenix for Adobe Fireworks⁸


• Conclusion⁹

John Dunning’s Extensions

Lorem Ipsum¹⁴¹⁰ Auto Shape

Fireworks is a unequivocally good UI prototyping apparatus (we’ve lonesome this theme in prior articles such as “Developing a Design Workflow in Adobe Fireworks¹¹,” “Interactive Prototypes and Time-Savers With Adobe Fireworks¹²” and “iOS Prototyping With TAP and Adobe Fireworks¹³”). Without a doubt, another unequivocally critical partial of a prototyping routine is operative with text.

When operative with prototypes, placeholder content is mostly used. There are many ways in that we can supplement some placeholder content to your Fireworks PNG files, though a problem starts when we need to adjust a volume of text (perhaps a blueprint has changed, or a rise distance was increasing so a content is now too long). This is when a Lorem Ipsum¹⁴¹⁰ automobile figure (created by John Dunning^{676459524844393530252015}) can assistance you.

Whenever we emanate a new placeholder content block, a automobile figure will supplement usually a right volume of content that will fit a figure you’ve combined — no some-more vapid duplicating and pasting (or deleting) content to fit a space! Resizing a automobile figure (using one of a yellow control handles) or changing a rise distance will also automatically adjust a volume of text, so we will always have accurately as many content as we need. This automobile figure has many elementary and modernized settings and could save we some critical volume of time.

The modernized options of a Lorem Ipsum automobile shape. (Source¹⁶)

(Note: We have lonesome a use of a Lorem Ipsum automobile figure in fact in “Optimizing The Design Workflow With Fireworks Extensions (Part 3),” territory “Lorem Ipsum¹⁷“.)

Smart Resize¹⁹¹⁸ Auto Shape

Working with UI prototypes… again? Smart Resize¹⁹¹⁸ (by John Dunning^{676459524844393530252015}) is a unequivocally intelligent automobile figure that could be a genuine time saver during your subsequent project! Basically, this automobile figure helps we resize a organisation of elements without distorting any of them or disrupting your layout.

Let’s suspect we need to “smart resize” a organisation of objects. Select this organisation and use menu Commands ? Smart Resize ? Attach; a authority will cgange your organisation into a special intelligent intent with a customary yellow resize handles. You can afterwards use these handles to resize a organisation in any direction, and Smart Resize will resize usually elements that extend opposite some-more than 50% of a group’s size, and keep a rest of a elements in position relations to a closest corner of a group.

For additional control over how elements in your Smart Resize organisation scale or are being repositioned, we can set anchor points for any individual object (for example, elements that have their X anchor set to a left will usually scale on a right side; a left corner will stay bound in suit with a rest of a group).

The Smart Resize automobile figure in action. (Source^{112111105104553121})

(Note: We have lonesome a use of Smart Resize automobile figure in “Optimizing The Design Workflow With Fireworks Extensions (Part 1),” territory “Smart Resize²²“.)

Multi-Border Rectangle²⁴²³ Auto Shape

CSS allows a opposite breadth and tone to be practical to a limit on any side of an HTML element, though Fireworks’ matrix rectangles are singular to a singular limit tone and limit width. The Multi-Border Rectangle²⁴²³ automobile figure (by John Dunning^{676459524844393530252015}) addresses this limitation, creation it easy to ridicule adult CSS-style borders right on a board in Fireworks!

The Multi-Border Rectangle automobile shapes creates it easy to ridicule adult HTML-style borders. Here’s a discerning example: name a auto-shape (1), drag a blue control indicate on a specific limit (2), and a border’s breadth will be altered though inspiring a other borders (3).

Of course, we are not singular to a breadth of a borders usually — we can also change a tone of any limit separately. To do so, click a crosshair idol subsequent to a limit to open a tone picker. You can also change a credentials tone of a Multi-Border automobile shape, by clicking on a a tip crosshair idol in a core of a rectangle. And if we need even some-more control, we can change a limit widths and colors numerically, by regulating a Multi-Border automobile shape’s Properties dialog box.

²⁶

The Multi-Border Rectangle: control points explained. (See vast preview²⁷)

Tables Panel²⁹²⁸ Extension

Tables Panel²⁹²⁸ (by John Dunning^{676459524844393530252015}) enables we to fast ridicule adult HTML-style tables though carrying to laboriously position any dungeon or border. Although it’s comparatively candid to arrange elements in a grid regulating a fixing and placement commands in Fireworks, as shortly as a list essence change you’ll need to reposition all manually. The Tables row automates this vapid process.

Using a Tables Panel, we can simply build and cgange tables in Fireworks. (Source^{112111105104553121})

The Tables Panel is flattering stretchable and has many options; with it, we can even insert a list from a content record (tab-delimited or comma-separated content record — *.txt, or *.csv). You can also import a list from a web page (you’ll usually need to cgange it to tab-delimited or comma-separated content record — *.txt, or *.csv, before importing it).

(Note: We have lonesome a use of a Tables Panel prolongation in fact in “Optimizing The Design Workflow With Fireworks Extensions (Part 1),” territory “Tables Panel³²“.)

Keyboard Resize³⁴³³ Commands

Keyboard Resize³⁴³³ are a set of 16 commands (by John Dunning^{676459524844393530252015}) that are unequivocally useful when we need to fast “smart resize” objects.

For example, we combined a pitch with a content label. Now when we need to boost a breadth of a pitch by a few pixels on a right, we would typically name a rectangle and possibly widen it to a right regulating a Scale apparatus or change a breadth regulating a a Properties panel. Then, we will need to also name a content inside a pitch and repeat a same action, since selecting both and scaling them would have twisted a content and messed adult a margins on a side.

With a assistance of one of a commands in this set, we can simply name both elements, press Alt + right arrow a few times and now your pitch is wider, and so is a content block; content is not distorted, and a margins between a content retard and a pitch are intact. This is precisely what a Keyboard Resize commands by John Dunning do (and many more)!

Smart Resize commands concede for discerning and easy resizing of mixed elements, though any distortion. (Source³⁶)

Linked Images³⁸³⁷ Extension

When we import an picture into a Fireworks document, Fireworks doesn’t contend any integrate between a source file and a imported element — if a source record changes, you’ll need to find it, re-import it and afterwards undo a prior picture in a document. (Other Adobe products in a Creative Suite support a “smart objects” feature, that lets we import objects from one app into another, and when a source intent changes, a alien one updates as well.)

The Linked Images³⁸³⁷ prolongation (by John Dunning^{676459524844393530252015}) creates this routine many easier. Let’s contend we are operative on a website design, and a customer hasn’t finalized a trademark yet. Open a Linked Images panel, click a “Insert” pitch to name a stream chronicle of a trademark (it can be in any picture format, upheld by Fireworks), and place it in a layout. Later, when a trademark has been updated, simply name a alien picture and run a “Refresh” authority in a row to reimport a latest chronicle of a source file.

The Linked Images panel. (Source⁷⁸⁷⁷⁴⁰)

The Linked Images row has many options and supports all picture record formats that Fireworks can now open, including Fireworks editable PNG (*.fw.png), Photoshop PSD (*.psd), Illustrator AI (*.ai), EPS (*.eps), and all customary “flat” picture formats, such as PNG8/24/32, JPEG, GIF, BMP and TIFF.

(Note: We have lonesome a use of a Linked Images prolongation in “Optimizing The Design Workflow With Fireworks Extensions (Part 2),” territory “Linked Images⁴¹“.)

Fill With Background⁴³⁴² Extension

Fill With Background⁴³⁴² (by John Dunning^{676459524844393530252015}) can save we utterly a bit of time, when you’re operative with shade mockups. Usually, when formulating mockups, we might need to take a screenshot of an existent dialog box or web page and afterwards cgange it. You’ll substantially also have to paint over existent elements in a screenshot (like a pitch label, for example, to reinstate it with new text). So we name a apportionment of a credentials pixels in a screenshot, duplicate them, pulp them, widen them over a component we wish to replace, and afterwards squash a pixels with a strange image; it’s utterly a vapid process. The Fill With Background authority does all of this in just one step!

Fill With Background authority (example A): Select a areas of a bitmap that you’d like to fill with credentials pixels (1), run a Fill With Background authority [menu Commands → Objects → Fill With Background] (2), and a welfare will be automatically filled with a mainstay of pixels copied from usually to a left of a comparison area (3).

Fill With Background authority (example B): Select a areas of a bitmap that you’d like to fill with credentials pixels and run a Fill With Background authority (1); a welfare will be filled from left to right — that doesn’t work for a straight slope — so leave a welfare and simply run a authority again (2); a authority will afterwards switch to stuffing a welfare from bottom to tip (3).

There are a few opposite ways of regulating a command, and generally it works unequivocally good for credentials patterns that repeat possibly horizontally or vertically.

Create Symbol From States⁴⁷⁴⁵ Command

Rich black are a comprehensive underline of Fireworks⁴⁶, though formulating them can be utterly a difficult process. The Create Symbol From States⁴⁷⁴⁵ authority (by John Dunning^{676459524844393530252015}) lets we emanate elementary abounding black containing mixed states in usually one step and with no scripting required! The black combined by this authority can switch between displaying opposite states, tranquil by a State menu in a Symbol Properties panel.

An example: When a pitch instance is selected, a Symbol Properties row will arrangement a singular State menu control; we can change this menu to name that state of a pitch to display. (Source⁴⁹)

Insert Grids⁵¹⁵⁰ Command

The Insert Grids⁵¹⁵⁰ authority (by John Dunning^{676459524844393530252015}) lets we set adult a grid for your pattern in no time; simply set all a parameters — a mainstay width, gutter width, array of columns — and a authority afterwards will emanate a sealed covering with a columns, rows and guides travelling a tallness of your canvas. You can even emanate “Grid presets” for a layouts that we use many mostly and after re-use them with a singular click of a mouse!

⁵³

Insert Grids example: A setup for a 12-column grid. (See vast preview⁵⁴) (Source^{112111105104553121})

(Note: We have lonesome a use of Insert Grids authority in fact in “Optimizing The Design Workflow With Fireworks Extensions (Part 1),” territory “Grids⁵⁶“.)

Generate Web Assets⁵⁸⁵⁷ Extension

No matter how optimized your workflow is, generating resources for a growth proviso after finishing adult your pattern composites is always a delayed charge — who likes a routine of holding any particular pattern component and exporting it in a right picture format, after to be integrated in a website, focus or whatever else we are building?

The Generate Web Assets⁵⁸⁵⁷ authority (by John Dunning^{676459524844393530252015}) can make this whole routine much, many easier and simpler: once we are finished with a pattern (or even while operative on it), change a names of a objects that we wish to trade to a file names we wish for them (including a record extensions), afterwards run a Generate Web Assets authority (menu Commands → Export → Generate Web Assets), conclude a folder, and presto! all of your resources will magically seem in this folder, with scold record names and in a scold formats.

Generate Web Assets process. (Source⁶⁰)

(Note: We have lonesome a use of Generate Web Assets authority in fact in “Optimizing The Design Workflow With Fireworks Extensions (Part 3),” territory “Generate Web Assets⁶¹“.)

TweetFire⁶³⁶² Extension

TweetFire⁶³⁶² prolongation (by John Dunning^{676459524844393530252015}) is a cold tool for all Fireworks + Twitter fans out there. It lets we twitter a picture we are now operative on in a few seconds though ever withdrawal a Fireworks canvas!

TweetFire is unequivocally easy to set up. Install a prolongation and sanction it with Twitter (1), afterwards post your initial Fireworks twitter (2); once a twitter is successfully posted, TweetFire will uncover we a “Success!” summary (3). You can even use mixed Twitter accounts.

TweetFire is unequivocally easy to use and a authorisation step is finished usually once, when we supplement a new Twitter comment to a TweetFire panel. After that, posting your stream picture you’re operative on in Fireworks (be it a formidable matrix painting or a UI pattern or simply a print that we have retouched a bit) is usually a click away. You can also confirm if you’d like to post a full picture or a stream selection.

FlickrFire⁶⁶⁶⁵ Extension

FlickrFire⁶⁶⁶⁵ (by John Dunning^{676459524844393530252015}) is unequivocally identical to TweetFire and (as a name suggests) lets we upload a picture we are operative on directly to your Flickr comment though withdrawal Fireworks. It has many options — we can set a pretension of a photo, a description, a tags, if a print should be open or private, etc. — and again, a authorisation routine with Flickr is usually one step.

Personally, we have attempted both TweetFire and FlickrFire and found them unequivocally easy and fun to use!

⁶⁸

Posting an picture with FlickrFire. (See vast preview⁶⁹)

Aaron Beall’s Extensions

Export⁷⁰ Commands

Export Commands⁷¹ (by Aaron Beall⁷⁶⁷²) is a set of commands that allows we to trade pages and states to files during a same time, trade slices as a singular picture (or any cut as a apart image), trade all styles in one request as CSS styles, and trade a welfare (or a whole Fireworks PNG file) to SVG record format. (In my opinion, a “Export to SVG” underline is a many critical one in this set.)

Export Commands.

(Note: We have lonesome Export Commands in fact — and specifically, a “Export to SVG” underline — in a essay “Optimizing The Design Workflow With Fireworks Extensions (Part 3),” territory “Export Commands⁷³“.)

Path⁷⁵⁷⁴ Commands

The Path⁷⁵⁷⁴ set of commands (by Aaron Beall⁷⁶⁷²) is a unequivocally useful set if we emanate a lot of matrix pattern in Fireworks — that idol designers and illustrators positively do. There are some-more than 10 commands in this set, among them: Blend Paths, Convert Strokes to Fills, Deform to Path, Distribute To Points, Divide Paths, Exclude Paths, Fisheye Effect, and a few others.

Deform to Path — with this command, we can arc a bottom of a figure external or central as many as we need, or twist a figure formed on a comparison path:

Deform to Path command. (Source⁷⁸⁷⁷⁴⁰)

Convert Stroke to Fill — this authority that will be unequivocally useful if we do a lot of painting work in Fireworks and need to yield outlines as filled objects. Convert Stroke to Fill also allows we to duplicate gradients on a stroke (similar to how it is finished in Illustrator)!

Convert Stroke to Fill command: name an intent with a cadence (left), run a command, and a cadence on a intent will be converted to an intent with a fill (center). You can afterwards request a slope to a new intent (right). (Source⁷⁸⁷⁷⁴⁰)

(Note: We have lonesome a use of some of a Path commands in fact in “Optimizing The Design Workflow With Fireworks Extensions (Part 2),” territory “Path Commands⁷⁹“.)

Matt Stow’s Extensions

Copy Color To Clipboard⁸²⁸⁰ Commands

Fireworks CS5.1 and comparison versions support all forms of shade tone spaces⁸¹, incl. RGB/RGBA, HSL and HSV. However, when we need to fast entrance and duplicate a specific tone value, it’s easy to do so usually for RGB colors in #HEX format. Copy Color To Clipboard⁸²⁸⁰ (by Matt Stow⁹⁰⁸³) justification that emanate and allows we to duplicate simply a tone value of any intent in #HEX or rgb()/rgba() format, with a integrate of clicks of a rodent or with simply customizable shortcuts.

⁸⁴

In Fireworks CS6, it’s easy to duplicate tone values to clipboard, in possibly #HEX or rgba() format. (See vast preview⁸⁵)

In box we didn’t nonetheless ascent to Fireworks CS6 (where a choice to duplicate tone values with one click was combined to a new Color Selection box), this prolongation could be a good tiny supporter in your daily pattern tasks!

You can duplicate a tone values in #HEX or rgb()/rgba() format; a tone value can be copied from a tone picker, or directly from a fill or cadence of any comparison matrix object. You can also allot shortcuts to a Copy Color commands, that will make operative with them faster.

⁸⁶

Copy Color commands: You can simply duplicate any tone in possibly #HEX or rgba() format (toggled around preference). (See vast preview⁸⁷)

CSS Professionalzr⁸⁹⁸⁸ Extension

CSS Professionalzr⁸⁹⁸⁸ (by Matt Stow⁹⁰⁸³) is a good prolongation that complements a CSS row in Fireworks CS6⁹¹. If you’re regulating a CSS row in Fireworks, we should also get CSS Professionalzr!

CSS Professionalzr.

Other Extension Developers

Orange Commands⁹³⁹² Set

Orange Commands⁹³⁹² (by Ale Muñoz⁹⁴) is a collection of commands for Adobe Fireworks that can make a life of a web engineer easier. They are totally giveaway and open source⁹⁵, and are frequently updated. From aligning objects, to environment guides around comparison objects, to mixing dual content objects into one — Orange Commands are a collection of tiny tasks that we would typically perform by a array of steps.

Orange Commands for Fireworks.

The latest chronicle of Orange Commands is 1.7.2 and is accessible for Fireworks CS3, CS4, CS5/CS5.1 and CS6.

(Note: We have lonesome a use of Orange Commands in fact in “Optimizing The Design Workflow With Fireworks Extensions (Part 1),” territory “Orange Commands⁹⁶“.)

Texture Panel⁹⁷ Extension

Currently in Fireworks, we can request textures (which are pulled from your “Textures” folder) to any matrix figure on a canvas. However, a approach Fireworks works with textures isn’t unequivocally intuitive: we are presented with a elementary list with all your textures, and when we rodent over a hardness name, a tiny preview of that hardness pops adult subsequent to it; though there is no easy approach to get to your many ordinarily textures nor organizing them into groups.

Selecting and requesting textures in Fireworks, regulating a Properties panel.

Here a Texture Panel⁹⁸ prolongation (by Matt Curtis) comes to a rescue! This panel:

• Sorts textures into lists (groups them),


• Displays a textures as thumbnails (plus, we can change a distance of a thumbnails),


• Allows we to supplement your possess textures simply and modernise a stream list, and


• Allows we to hunt for a specific texture, regulating a built-in hunt option!

You can get a Texture Panel from Sourceforge⁹⁹ and review all a sum about a use in a essay (written by a author of a row himself), “Using The Texture Panel In Adobe Fireworks¹⁰⁰“. If we work a lot with textures in Fireworks, this row is an comprehensive must-have!

Using a Texture Panel in Fireworks, we can simply classify and use your textures, and more. (Source¹⁰¹)

Guides Panel¹⁰³¹⁰² Extension

One prolongation that can assistance we immensely in a charge of handling guides, is a Guides Panel¹⁰³¹⁰² (by Eugene Jude), that allows we to supplement guides to a board with accurate numerical control.

The Guides panel: “General” tab. (Source^{112111105104553121})

The row also gives we a ability to work with selected objects — for example, if we need to place guides by a core of a comparison intent or around a edges (so we can align objects to it), we can simply name a intent and emanate a guides with a assistance of a panel.

The Guides Panel: An instance of adding guides by a core of a comparison intent (“Selection” tab). (Source^{112111105104553121})

(Note: We have lonesome a use of a Guides Panel prolongation in fact in “Optimizing The Design Workflow With Fireworks Extensions (Part 1),” territory “Guides¹⁰⁶“.)

Gradient Panel Gradient Direction Editor¹⁰⁷ Extensions

Gradient Panel¹⁰⁸ and Gradient Direction Editor¹⁰⁹ (both combined by Grant Hinkson¹¹⁰) are a integrate of extensions that severely raise a control over gradients in Fireworks.

The Gradient Panel provides glorious control for utilizing gradients. (Source^{112111105104553121})

The Gradient Direction Editor row can revise gradients’ angles with accurate numeric control. (Source^{112111105104553121})

Touch Application Prototypes (TAP) for iOS¹¹³ Extension

Touch Application Prototypes (TAP)¹¹⁴ for Fireworks is an glorious giveaway prolongation — in fact, it’s some-more like a full-featured iOS prototyping horizon than a elementary extension.

TAP + Fireworks allows we to build prototypes for all complicated iOS devices.

While a unequivocally comprehensive and allows we to build good iOS prototypes for all complicated iOS inclination (including a latest iPhone 5/5c, iPad Retina and iPad Mini), a use of a TAP frameworks is a bit complex. Luckily for you, we have lonesome a use of TAP + Fireworks in a following array of articles by Shlomo Goltz from Cooper¹¹⁵:

1. iOS Prototyping With TAP And Adobe Fireworks, Part 1¹¹⁶


2. iOS Prototyping With TAP And Adobe Fireworks, Part 2¹¹⁷


3. iOS Prototyping With TAP And Adobe Fireworks, Part 3¹¹⁸

This array covers all we need to know about TAP and Fireworks: from starting to build your wireframes, afterwards relocating to a fully-developed design, and afterwards how we can cgange a pattern to a operative iOS prototype. There are many solutions out there that assistance we emanate an iOS (or Android/Windows 8 Mobile) prototypes, though this is a usually one that will concede we to do all from A to Z inside one focus — Fireworks!

¹¹⁹

TAP and Fireworks: operative with hotspots and hotspot properties. (See vast preview¹²⁰) (Source¹²¹)

A TAP + Fireworks demo being tested on an iPad. (Source¹²²)

Tapotype¹²⁴¹²³ Library

While we’re still during a theme of creation iOS prototypes with TAP and Fireworks, we should substantially also discuss Tapotype¹²⁴¹²³. Tapotype (currently during chronicle 1.01) is a giveaway anxiety library of transitions that was combined privately for a TAP + Fireworks prototyping workflow. It can assistance we in a charge of creation iOS prototypes with a TAP prolongation and is accessible for giveaway download¹²⁵ and use.

Tapotype is giveaway anxiety library of transitions for TAP + Fireworks.

Cubeleft/Cuberight transition instance from a Tapotype 1.01 library. (Source¹²⁶)

Fireworks Annotations Panel¹²⁸¹²⁷ Extension

Fireworks Annotations Panel¹²⁸¹²⁷ prolongation (by Mariano Ferrario¹²⁹) will assistance we boost a potency of fast annotating wireframes and designs, all inside a Fireworks request you’re operative on. The row allows we to supplement numeric froth to your request and associate a analogous summary with any annotation. In addition, we can trade your annotated request in mixed record formats: images, HTML, Adobe PDF, TXT, CSV, or XML.

The Annotations Panel extension.

The stream chronicle of a Annotations Panel supports Fireworks CS4, CS5/5.1 and CS6. (Please also note that distinct all of a extensions reviewed here, it’s not giveaway though costs usually $5.99.)

Specctr for Fireworks¹³⁰ Extension

The Specctr plugin for Adobe Fireworks¹³¹ can assistance both designers and developers during a routine of producing specs. Specctr is not giveaway (I consider it now costs $49.00) though there is a totally giveaway Lite Version of it available, too.

The Specctr prolongation for Adobe Fireworks. (Source¹³²)

Open In Fireworks¹³³ Firefox Add-on

Open In Fireworks¹³⁴ is a good tiny appendage for all Mozilla Firefox¹³⁵ and Adobe Fireworks users out there. As a name suggests, it allows we to simply right-click on any picture inside a web page, name Open In Fireworks choice from context menu and a comparison picture will afterwards now open in Fireworks. “Open In Fireworks” is elementary and nonetheless it can save we a few additional mins any day. Personally, we find it utterly useful.

¹³⁶

Open in Fireworks, a elementary Firefox add-on.

Project Phoenix For Adobe Fireworks

Project Phoenix^141138137

And last, though not least, we should discuss Project Phoenix^141138137, that is a personal plan by Linus Lim¹³⁹. Linus collected there many extensions that he’s perplexing to “re-boot” (update) and a list if flourishing any week! So far, there were released: Font List panel, Super Nudge panel, Auto Save panel, Transform panel, Alignment Guides panel, Perspective Mockups panel, Retina Scaler panel, Used Fonts panel, and many more!

Keep an eye on Project Phoenix since now that Adobe is not formulation to supplement new facilities to Fireworks, carrying new facilities combined to this app with a assistance of commands and panels is even some-more important.

¹⁴⁰

Project Phoenix^141138137 website.

Project Phoenix is a must-visit place for extensions, if we rest on Fireworks any day!

Conclusion

This was an try to yield an overview and list some of a best extensions for Fireworks. (Did we skip any indispensable ones? Let me know in a comments!)

In my subsequent article, we will embody some of a best tutorials and articles, though also many freebies (styles, templates, apparatus libraries, etc.) accessible for Fireworks. All of these can learn we how to save time and use Fireworks for UI pattern in a some-more optimal way. Stay tuned!

(mb, il)

Footnotes

1. 1 http://blogs.adobe.com/fireworks/2013/05/the-future-of-adobe-fireworks.html


2. 2 http://medium.com/amazing-article/what-is-new-in-sketch-3-4b92d8b25f3


3. 3 http://www.smashingmagazine.com/2013/12/19/present-future-adobe-fireworks/


4. 4 #ext-johndunning


5. 5 #ext-aaronbeall


6. 6 #ext-mattstow


7. 7 #ext-various


8. 8 #ext-phoenix


9. 9 #conclusion


10. 10 http://johndunning.com/fireworks/about/LoremIpsum


11. 11 http://www.smashingmagazine.com/2012/06/11/developing-a-design-workflow-in-adobe-fireworks/


12. 12 http://www.smashingmagazine.com/2012/07/03/interactive-prototypes-timesavers-adobe-fireworks/


13. 13 http://www.smashingmagazine.com/2013/01/11/ios-prototyping-adobe-fireworks-tap-part1/


14. 14 http://johndunning.com/fireworks/about/LoremIpsum


15. 15 http://twitter.com/fwextensions


16. 16 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/


17. 17 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#loremipsum


18. 18 http://johndunning.com/fireworks/about/SmartResize


19. 19 http://johndunning.com/fireworks/about/SmartResize


20. 20 http://twitter.com/fwextensions


21. 21 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/


22. 22 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/#smartresize


23. 23 http://johndunning.com/fireworks/about/MultiBorderRect


24. 24 http://johndunning.com/fireworks/about/MultiBorderRect


25. 25 http://twitter.com/fwextensions


26. 26 http://www.smashingmagazine.com/wp-content/uploads/2014/07/multi-border-rectangle-controls-explained-large-opt.png


27. 27 http://www.smashingmagazine.com/wp-content/uploads/2014/07/multi-border-rectangle-controls-explained-large-opt.png


28. 28 http://johndunning.com/fireworks/about/Tables


29. 29 http://johndunning.com/fireworks/about/Tables


30. 30 http://twitter.com/fwextensions


31. 31 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/


32. 32 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/#tables


33. 33 http://johndunning.com/fireworks/about/KeyboardResize


34. 34 http://johndunning.com/fireworks/about/KeyboardResize


35. 35 http://twitter.com/fwextensions


36. 36 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#keyboardresize


37. 37 http://johndunning.com/fireworks/about/LinkedImages


38. 38 http://johndunning.com/fireworks/about/LinkedImages


39. 39 http://twitter.com/fwextensions


40. 40 http://www.smashingmagazine.com/2013/09/20/optimizing-the-design-workflow-with-extensions/


41. 41 http://www.smashingmagazine.com/2013/09/20/optimizing-the-design-workflow-with-extensions/#linkedimages


42. 42 http://johndunning.com/fireworks/about/FillWithBackground


43. 43 http://johndunning.com/fireworks/about/FillWithBackground


44. 44 http://twitter.com/fwextensions


45. 45 http://johndunning.com/fireworks/about/StateSymbol


46. 46 http://www.adobe.com/devnet/fireworks/articles/enhancing_rich_symbols.html


47. 47 http://johndunning.com/fireworks/about/StateSymbol


48. 48 http://twitter.com/fwextensions


49. 49 http://johndunning.com/fireworks/about/StateSymbol


50. 50 http://johndunning.com/fireworks/about/Grids


51. 51 http://johndunning.com/fireworks/about/Grids


52. 52 http://twitter.com/fwextensions


53. 53 http://www.smashingmagazine.com/wp-content/uploads/2014/07/grids-command-large-opt.png


54. 54 http://www.smashingmagazine.com/wp-content/uploads/2014/07/grids-command-large-opt.png


55. 55 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/


56. 56 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/#grids


57. 57 http://johndunning.com/fireworks/about/GenerateWebAssets


58. 58 http://johndunning.com/fireworks/about/GenerateWebAssets


59. 59 http://twitter.com/fwextensions


60. 60 http://johndunning.com/fireworks/about/GenerateWebAssets


61. 61 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#generatewebassets


62. 62 http://johndunning.com/fireworks/about/TweetFire


63. 63 http://johndunning.com/fireworks/about/TweetFire


64. 64 http://twitter.com/fwextensions


65. 65 http://johndunning.com/fireworks/about/FlickrFire


66. 66 http://johndunning.com/fireworks/about/FlickrFire


67. 67 http://twitter.com/fwextensions


68. 68 http://www.smashingmagazine.com/wp-content/uploads/2014/07/flickrfire-large-opt.jpg


69. 69 http://www.smashingmagazine.com/wp-content/uploads/2014/07/flickrfire-large-opt.jpg


70. 70 http://fireworks.abeall.com/extensions/commands/Export/


71. 71 http://fireworks.abeall.com/extensions/commands/Export/


72. 72 http://twitter.com/AaronBeall


73. 73 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#exportcommands


74. 74 http://fireworks.abeall.com/extensions/commands/Paths/


75. 75 http://fireworks.abeall.com/extensions/commands/Paths/


76. 76 http://twitter.com/AaronBeall


77. 77 http://www.smashingmagazine.com/2013/09/20/optimizing-the-design-workflow-with-extensions/


78. 78 http://www.smashingmagazine.com/2013/09/20/optimizing-the-design-workflow-with-extensions/


79. 79 http://www.smashingmagazine.com/2013/09/20/optimizing-the-design-workflow-with-extensions/#pathcommands


80. 80 http://mattstow.com/#ccc15


81. 81 http://en.wikipedia.org/wiki/List_of_color_spaces_and_their_uses


82. 82 http://mattstow.com/#ccc15


83. 83 http://twitter.com/stowball


84. 84 http://www.smashingmagazine.com/wp-content/uploads/2013/01/copy-hex-rgba-dialog-large-opt.png


85. 85 http://www.smashingmagazine.com/wp-content/uploads/2013/01/copy-hex-rgba-dialog-large-opt.png


86. 86 http://www.smashingmagazine.com/wp-content/uploads/2013/01/copy-color-commands-large-opt.png


87. 87 http://www.smashingmagazine.com/wp-content/uploads/2013/01/copy-color-commands-large-opt.png


88. 88 http://mattstow.com/css-professionalzr.html


89. 89 http://mattstow.com/css-professionalzr.html


90. 90 http://twitter.com/stowball


91. 91 http://helpx.adobe.com/fireworks/learn/tutorials/how-to/extract-css-properties.html


92. 92 http://orangecommands.com/


93. 93 http://orangecommands.com/


94. 94 http://twitter.com/bomberstudios


95. 95 http://github.com/bomberstudios/fireworks


96. 96 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/#orangecommands


97. 97 http://www.smashingmagazine.com/2012/11/14/texture-panel-adobe-fireworks/


98. 98 http://sourceforge.net/projects/texturepanel/


99. 99 http://sourceforge.net/projects/texturepanel/


100. 100 http://www.smashingmagazine.com/2012/11/14/texture-panel-adobe-fireworks/


101. 101 http://www.smashingmagazine.com/2012/11/14/texture-panel-adobe-fireworks/


102. 102 http://www.adobe.com/devnet/fireworks/articles/guides_panel.html


103. 103 http://www.adobe.com/devnet/fireworks/articles/guides_panel.html


104. 104 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/


105. 105 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/


106. 106 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/#guides


107. 107 http://www.smashingmagazine.com/2013/11/06/even-more-fireworks-extensions-optimized-design-workflow/#gradientpanel


108. 108 http://www.granthinkson.com/2007/01/23/fireworks-gradient-panel/


109. 109 http://www.granthinkson.com/2008/05/15/new-fireworks-panel-gradient-direction-editor/


110. 110 http://www.granthinkson.com/


111. 111 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/


112. 112 http://www.smashingmagazine.com/2012/08/28/fireworks-extensions-for-better-workflow/


113. 113 http://unitid.nl/2011/03/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/


114. 114 http://unitid.nl/2011/03/touch-application-prototypes-tap-for-iphone-and-ipad-using-adobe-fireworks/


115. 115 http://www.cooper.com/


116. 116 http://www.smashingmagazine.com/2013/01/11/ios-prototyping-with-tap-and-adobe-fireworks-part-1/


117. 117 http://www.smashingmagazine.com/2013/01/25/ios-prototyping-with-tap-and-adobe-fireworks-part-2/


118. 118 http://www.smashingmagazine.com/2013/02/15/ios-prototyping-adobe-fireworks-tap-part3/


119. 119 http://www.smashingmagazine.com/wp-content/uploads/2014/07/tap-fireworks-prototype-screen-large-opt.png


120. 120 http://www.smashingmagazine.com/wp-content/uploads/2014/07/tap-fireworks-prototype-screen-large-opt.png


121. 121 http://www.smashingmagazine.com/2013/01/25/ios-prototyping-with-tap-and-adobe-fireworks-part-2/


122. 122 http://www.smashingmagazine.com/2013/01/11/ios-prototyping-with-tap-and-adobe-fireworks-part-1/


123. 123 http://tapotype.com/


124. 124 http://tapotype.com/


125. 125 http://tapotype.com/download-tapotype/


126. 126 http://tapotype.com/


127. 127 http://www.3revolutions.com/public/fw_annotations.php


128. 128 http://www.3revolutions.com/public/fw_annotations.php


129. 129 http://www.3revolutions.com/public/bio.php


130. 130 http://www.smashingmagazine.com/2012/05/25/blueprints-for-the-web-specctr-adobe-fireworks-plugin/


131. 131 http://www.smashingmagazine.com/2012/05/25/blueprints-for-the-web-specctr-adobe-fireworks-plugin/


132. 132 http://www.smashingmagazine.com/2012/05/25/blueprints-for-the-web-specctr-adobe-fireworks-plugin/


133. 133 http://addons.mozilla.org/en-US/firefox/addon/open-in-fireworks/


134. 134 https://addons.mozilla.org/en-US/firefox/addon/open-in-fireworks/


135. 135 https://www.mozilla.org/en-US/firefox/new/


136. 136 http://addons.mozilla.org/en-US/firefox/addon/open-in-fireworks/


137. 137 http://projectphoenix.io/


138. 138 http://projectphoenix.io/


139. 139 http://twitter.com/chunwui


140. 140 http://projectphoenix.io/


141. 141 http://projectphoenix.io/

↑ Back to topShare on Twitter

Useful Adobe Fireworks Resources: Extensions (Part 1)