25 Adobe Fireworks Templates & Tools

Adobe Fireworks’ features and work-flow undeniably make it the industry pioneer and leader for web graphic prototyping and rapid web site building.

Even though, with each new version, Adobe have slowly over-loaded it with new features – some of these have proved to be useful and popular, while others have simply been pointless – but at its core it will always remain a marvelously easy to use application for web designers. Despite the odd bug and the odd feature, it really is awesome!

This post is not your typical Fireworks post. There are no tutorials and not too many source files. What it is is a collection of all the Adobe Fireworks resources a web and app developer needs to get the best out of it.

Orange Commands – Workflow Automation for Fireworks

Orange Commands -  Workflow Automation for Fireworks

Orange Commands is an amazing collection of over 90(!) commands, grid templates and web element templates (checkbox, textfield, sliders…) all compatible with Adobe Fireworks CS3, CS4 and now CS5, all developed to make the life of a web designer easier.

The 90 or so commands/extensions will allow you to manage alignment, alpha, canvas, color, effects (including a lightbox), grids, guides, pages, position, properties, size, text… and much more. Much More!

Prebuilt CSS Templates for Fireworks

Prebuilt CSS Templates for Fireworks

To complement the CSS Export feature in Fireworks CS4, Adobe have created a series of prebuilt templates that are ready for export, and a perfect tool to help you get to grips with designing with this tool and CSS.

Within the download package, there are five template variations in two flavors – one suitable for exporting from the shipping version of the CSS Export feature and the other for the enhanced version of the export feature.

Here are the templates that are included in the download:

  • 960 Wide 2 Col with Side Nav: Two-column template with header (using background images), side navigation (using three-slice technique), footer, content area, and three foreground images.
  • 960 Wide 2 Col with Top Nav & Side Nav: Two-column template with header (using background images), top navigation, side navigation (using three-slice technique), footer, content area, and three foreground images
  • 960 Wide 2 Col with Top Nav & Sub Col: Two-column with header template (using background images), top navigation, sub-column (using three-slice technique and form components), footer, content area, and three foreground images
  • 960 Wide 3 Col with Side Nav & Sub Col: Three-column template with header (using background images), side navigation (using three-slice technique), sub-column (using three-slice technique and form components), footer, content area, and two foreground images
  • 960 Wide 3 Col with Top Nav, Side Nav & Sub Col: Three-column template with header (using background images), top navigation, side navigation (using three-slice technique), sub-column (using three-slice technique and form components), footer, content area, and two foreground images

960 Grid-System Template for Fireworks

960 Grid-System Template for Fireworks

You can either download the 12, 16 or 24 column 960 Grid-System templates.

12-col Typographic Grid for Fireworks

12-col Typographic Grid for Fireworks

This grid template includes a layer with a 12-column grid and horizontal grids for setting type, based on the writings of Richard Rutter and Mark Boulton. The column grids are based on the 960.gs, while the horizontal grid lines are from CSS Trick's "Typographic Grid".

Firefox Browser Template (Windows) for Fireworks

Firefox Browser Template (Windows) for Fireworks

These Firefox browser templates are available in both 1024x768px and 800x600px.

Internet Explorer Browser Template (Windows) for Fireworks

Internet Explorer Browser Template (Windows) for Fireworks

These Internet Explorer browser templates are available in both 1024x768px and 800x600px.

Wireframe Library Symbols

Wireframe Library Symbols

This is a set of blueprint ink style rich (meaning they have items that you can change in the symbol properties) symbols for wireframing.

Flow Chart Library Symbols

Flow Chart Library Symbols

iPhone GUI as Rich Symbols for Fireworks

iPhone GUI as Rich Symbols for Fireworks

Fireworks GUI Template for Android

Fireworks GUI Template for Android

Dedicated Fireworks Texture Gallery (Over 300 Free .png Textures)

Dedicated Fireworks Texture Gallery (Over 300 Free Textures)

(541 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter.

Comments