Rapidly prototype and design for the web
Easy-to-use design tools for screen-based design
Create and edit vector and bitmap images, or import and modify native Adobe Photoshop and Illustrator files. Changes remain editable at any time, and final output is optimized for display resolutions.
Design interactive layouts for websites, mobile, and rich Internet applications (RIAs). Reduce development time by exporting multipage, clickable website comps as standards-compliant, CSS-based layouts, and bring RIA prototypes into the Adobe AIR runtime without writing code.
Work faster with significant performance enhancements, including greater control over pixel placement of design elements, improved file opening and saving, updated symbol operation, and quicker bitmap and vector operations.
Import Adobe Photoshop and Illustrator files while maintaining color matching, element fidelity, and editing capability. Export Fireworks designs into the Adobe Flash software family for advanced interactivity design. Copy and paste objects between Fireworks and Adobe Dreamweaver software.
Enhanced optimization and scaling tools
Optimize graphics for a wide variety of screen types with preview, selective JPEG file compression, and comprehensive export controls. Intelligently scale buttons and graphic symbols with 9-slice scaling to accelerate website and application prototyping.
Effortless client collaboration
Demo with two-way video communication in real-time online meetings with the Adobe ConnectNow service. Generate clickable PDF files or interactive HTML comps for review. Create Adobe AIR prototypes to run on any platform.
CSS and HTML file export
Design complete web pages in a robust graphic environment and then export standards-compliant, CSS-based layouts--with external style sheets--in one step. Integrate foreground and background graphics with distinct slice types, and utilize repeating images.
Customizable and reusable assets
Jump-start your design process with the Common Library of graphic symbols, form elements, text symbols, and animations. Design your own custom symbols and styles for continued rapid design and prototyping.
Improved type handling
Produce exceptional type designs with the enhanced Adobe text engine. Copy and paste double-byte characters from Illustrator and Photoshop software without loss of fidelity. Float text inside a path and more.
Developer productivity tools
Save development time with quick asset creation and image optimization. Also rely on Fireworks for batch processing of graphical elements.
What's New in Fireworks CS5?
Fireworks CS5 includes extensive productivity enhancements that let you create rich, multi-layered web images, comps, and interactive designs with fewer steps, while maintaining the quality, accuracy, and flexibility of your designs. In addition, significant changes have been made in the user interface that enable you to access key features directly from the Properties panel.
UI responsiveness and performance
For this release, the Fireworks team searched for opportunities to improve the software's performance and stability so you that can work smoothly and quickly, whatever the task at hand. Compared to Fireworks CS4, Fireworks CS5:
Fireworks is optimized for designing screen graphics, making it ideal for creating assets for delivery via the Flash Platform. Fireworks CS5 supports the latest FXG format (2.0) so you can easily export individual objects or multipage designs as editable FXG elements for use in Flash Catalyst and other software.
Adobe Swatch Exchange
Fireworks can now open and create Adobe Swatch Exchange (ASE) files, which can also be used in Adobe InDesign®, Photoshop, and Illustrator software. ASE files created with other Creative Suite applications can be easily imported into the Swatches panel in Fireworks, allowing you to work with color schemes that may have been created in other projects. Additionally, you can create ASE files from Adobe Kuler themes and use them in your design.
Sharing ASE files allows you to maintain color consistency among design teams, including those using Adobe Kuler, and across design projects.
Save time by jump-starting your project with a variety of templates, including web and mobile designs, wireframes, grids, and document presets.
In Fireworks CS4, integration of the Adobe text engine introduced exciting new capabilities for high-quality typographic design and efficient text handling. In Fireworks CS5, we've continued to harness the power of the text engine to provide enhanced features for editing and formatting text. Together, these refinements make it much easier for you to efficiently achieve the typographic quality and effects you want. Now you can:
Emulating CSS text styling is significantly easier in Fireworks CS5. Thanks to improved selection features, you can quickly style your text to resemble the styling of a specific CSS rule (color, line height, character spacing, weight, style, or size).
Fireworks CS5 includes numerous features to enable you to precisely control the placement and appearance of design elements. In addition to stroke alignment, type-handling enhancements, proportional scaling, and FXG export, Fireworks CS5 allows you to create crisp graphics that align to the underlying pixel grid.
The Compound Shape tools
Creating complex vector shapes is much faster and more flexible in Fireworks CS5, thanks to the Compound Shape tools in the Properties panel. The Compound Shape tools allow you to group vector shapes temporarily as you draw them, so you can both move the objects as a group and edit individual objects one at a time. You can also achieve nondestructive effects such as punching, intersecting, or cropping overlapping vectors. With the Compound Shape tool, you can use simple shapes to build complex vectors faster and more flexibly.