Fireworks Developer Center
Home
Creating quick websites in Fireworks with SmartCSS
Export mockups from Fireworks to CSS and continue editing them in Dreamweaver with no throwaway code.
Creating user interface mockups with Fireworks
Spec out and build websites or desktop applications rapidly by creating comps of user interface designs.
Exporting legacy Fireworks libraries to the Common Library
Import symbol libraries from Fireworks 8 or earlier editions and convert them to work in the Fireworks CS3 Common Library.
Stay informed at MAX 2007
Adobe Developer Connection editors are blanketing McCormick Place Chicago, talking to and interviewing MAX attendees and reporting the daily buzz.
Exploring the Demo Current Document command in Fireworks CS3
Quickly export your mockups and wireframes into a slick slideshow geared for giving presentations to clients or colleagues.
Fireworks sample: Website Layout and Logos
These samples show a simple website mockup and clean, attractive vector logos created only with Fireworks CS3.
In the Fireworks community
This content requires Flash
To view this content, JavaScript must be enabled, and you need the latest version of the Adobe Flash Player.
Download the free Flash Player now!
Getting Started
Getting started
Introducing Adobe Fireworks CS3
Read about the upcoming cool features in Fireworks CS3 from Alan Musselman, Fireworks product specialist.
Rapid prototyping in Fireworks CS3
Learn how to go from brainstorming session to final comp using the new tools in Fireworks CS3.
Creating user interface mockups with Fireworks
Spec out and build websites or desktop applications rapidly by creating comps of user interface designs.
Using Fireworks CS3 to design effective, interactive website presentations
Learn how to tell a story with your website design using the new features in Fireworks CS3.
Wireframing with Fireworks CS3
Learn the benefits of wireframes and why Fireworks CS3 makes creating them so easy.
Follow these simple steps to get started in Fireworks:
Download and install Fireworks CS3.
Get started using the trial version of Fireworks CS3. Note that some Developer Center articles and tutorials require Fireworks CS3, although many apply still to Fireworks 8.Learn about the Fireworks CS3 workspace.
Watch Using the workspace, a video by Joseph Lowery that shows you how to use interface elements that are shared between the Dreamweaver and Fireworks workspaces.Familiarize yourself with Fireworks Help.
In Fireworks, select the Help menu, visit the Fireworks documentation page, or use Fireworks LiveDocs. The same Help documentation can be found in all three areas.Watch and learn with video tutorials.
Watch other video tutorials in the Adobe CS3 Video Workshop, an online video hosting application for videos that also are included on the DVDs when you purchase Adobe Creative Suite 3. See more below.Master the finer points of Fireworks with tutorials and articles in the Fireworks Developer Center.
Communicate with other Flash users through our community resources.
The following video tutorials are part of the Adobe CS3 Video Workshop, an online video hosting application for videos that also are included on the DVDs when you purchase Adobe Creative Suite 3.
Getting started
Using the Fireworks workspace
Joseph Lowery
Use interface elements that are shared between the Dreamweaver and Fireworks
workspaces, including panels, menus, and other interface elements.
Cross-product integration
Importing Photoshop files into Fireworks
Tom Green
Import files from Photoshop, including maintaining layer hierarchy, XMP data,
layer styles, and blending modes.
Understanding 9-slice scaling
Tom Green
Learn what 9-slice scaling is and why it's useful; also compare a button that
uses 9-slice scaling with a button that does not use it.
Using Bridge in a web design workflow
Joseph Lowery
Learn how to preview, rate, filter, and manipulate the workspace for viewing
content, as well as efficiently use Bridge side-by-side with other CS3
applications.
Using 9-slice scaling
Tom Green
Apply 9-slice scaling to a symbol in Fireworks, Flash, and Illustrator, and
learn how to best manipulate the guides.
Importing, copying, and pasting between web applications
Garrick Chow
Import, copy, and paste between Dreamweaver, Fireworks, and Flash; and learn
effective techniques for roundtrip editing between these three applications.
Batch-processing file names, keywords, and metadata
Michael Ninness
Rename a series of images all at once in Adobe Bridge and manage options for
batch-renaming.
Understanding the Fireworks and Flash workflow
Alan Musselman
Learn about the copy-and-paste workflow and roundtrip editing between
Fireworks and Flash, including how to copy and paste rich symbols from
Fireworks to Flash.
Symbols and objects
Using layers and creating layouts
Tom Green
Learn how to modify Photoshop layers, layer effects, blends, and live effects
after importing them into Fireworks.
Interactivity
Using the Pages panel
Tom Green
Use master pages and create multi-page layouts, as well as learn how to
create pages, navigate through them, and share layers to specified pages.
Creating rich symbol property scripts
Tom Green
Create property scripts for rich symbols without having to know JavaScript,
as well as learn how to generate a property script, and then to use it with
rich symbols in Fireworks.
Exporting a web gallery from Fireworks
Tom Green
Batch-process your images and export a Flash web gallery using the new web
gallery tool in Fireworks.
Rapid prototyping with rich symbols
Trevor McCauley
Quickly prototype a website interface using common interface elements, and
prepare the site for going into production.
Creating a rich symbol with 9-slice and 3-slice scaling
Tom Green
Slice a button for a website using 9-slice scaling in Fireworks, and then
slice a scroll bar using 3-slice scaling.
For Fireworks 8 tutorials and articles, visit the Fireworks 8: Getting Started page ›
Samples
Check out these samples—fresh from the Fireworks community. Explore them to learn what you can develop with Fireworks CS3.
Website Layout and Logos
Ryan Smith
These samples show a simple website mockup and clean, attractive vector logos created only with Fireworks CS3. (New)
XD Brownbag Poster
Ryan Hicks
XD Brownbag Poster shows the usefulness of the gradient opacity controls in Fireworks CS3 and the Ellipse gradient's multi-handle directional controls. Use them to draw in a way that mimics the real behavior of light.
EffectiveUI Development Workflow
Lance Christmann
The illustrations in this sample show how capable Fireworks CS3 is at creating 3D-like illustrations with 2D tools. Each illustration in this sample was created entirely in Fireworks CS3, using almost all vector objects, and is on a different frame of the source file.
Pixel Building
Trevor McCauley
Pixel Building is an example of "pixel art" in Fireworks CS3 where elements are created on a pixel level and sport a pixelated look.
Bullet
José Angel Rivera Domínguez
Bullet demonstrates the effective use of bitmap manipulation in Fireworks CS3 in combination with vectors.
Reflect Ball
José Angel Rivera Domínguez
Reflect Ball is comprised of editable vector objects that can easily be moved around or flattened into a bitmap for more custom effects using the bitmap tools in Fireworks CS3.
Recolor
Angelo Sabal
Recolor is a complex design pushing the limits of Fireworks CS3 using both bitmap and vector tools.
Blueprint Logos
Angelo Sabal
Blueprint Logos contains a large collection of logotypes created in Fireworks CS3 that you can deconstruct to understand how they were developed.
Tell us about your sample for inclusion in the Fireworks Developer Center.
Downloads
Download software updates to Fireworks 8 and download the trial of Fireworks CS3. Also download Fireworks command panels, styles, and rich symbols to take your Fireworks design and development to the next level.
Trial downloads
Create Slideshow players
The Create Slideshow command in Fireworks CS3 makes it easy to create professional-looking slideshows of your photos.
Create Slideshow source files
Alan Musselman
Access the Create Slideshow source files to customize the look and feel of the out-of-the-box slideshow players. (Requires Flash CS3 Professional.)
Panels
Add command panels to Fireworks to enhance existing functionality and for image enhancements, object manipulation, and more.
Color Palette panel
Viktor Goltvyanitsa
Define color values, blend colors in new ways, and swap color schemes using the improved features of this updated command panel in Fireworks CS3.
Guides panel
Eugene M. Jude
Use this tool when designing and aligning multiple objects on the canvas to produce a pixel-perfect layout.
Gradient panel
Grant Hinkson
Use this tool to edit complex gradients with a level of
precision previously not available in Fireworks.
Fireworks to XAML panel
Grant Hinkson
Migrate your existing Fireworks artwork to your Windows Presentation Foundation projects using this command panel.
Super Guides 1.0
Steven Grosvenor
Create isometric illustrations of any size, angle, and opacity. Included is a user guide (PDF) to get you started.
Commands
Add commands (macros) to Fireworks to improve your workflow.
Exporting legacy Fireworks libraries to the Common Library
Import symbol libraries from Fireworks 8 or earlier editions and convert them to work in the Fireworks CS3 Common Library.
Exploring the Demo Current Document command in Fireworks CS3
Quickly export your mockups and wireframes into a slick slideshow geared for giving presentations to clients or colleagues.
Using the 3D Rotate command in Fireworks CS3
Create graphics with 3D perspective using this new command built with the powerful JavaScript API included in Fireworks CS3.
Creating a professional-looking slideshow
Use the new Create Slideshow panel in Fireworks CS3 to build a slick slideshow in three quick steps.
Fireworks commands by John Dunning
Check out these commands from John Dunning, some of which have been updated to accommodate the new sub-layer and page features of Fireworks CS3, and others of which are new.
Export as Favicon
Take a 16 x 16–pixel document and create a favicon from it to associate with a particular website or web page. (This command runs only in Fireworks for Windows.)
Page Commands
Perform common tasks when working with pages in Fireworks CS3. Besides deleting, duplicating, and renaming pages, you can distribute frames to pages, import files into pages, apply export settings to all pages, and go to specific pages in your mockup.
Frame and Layer Utilities
Work with lots of frames and layers without the tedium. Use keyboard shortcuts for common frame and layer menu commands, or to hide a layer on every frame. Move a selection to a new sublayer, move the top layer up or down, and stack left to right.
Group Commands
Manipulate groups with ease. Paste the contents of the Clipboard into a selected group without losing any effects that were applied to the group. Copy attributes of subelements of a selected group and then paste them into other groups that share the same structure.
QuickClips
Insert frequently used elements into your document, such as icons, background graphics, blocks of text, etc. This extension comes with a few Windows cursor icons in the QuickClips library.
Solo Command
Hide everything except the currently selected element(s). Toggle the solo effect on and off so you can look at elements by themselves as well as within the context of all elements.
Styles
Download the following styles (STL files) to incorporate new styles into your Styles panel.
Old Paper
José Angel Rivera Domínguez
Quickly apply high-quality paper styles that include Live Filters with custom textures to simulate old paper effects.
Creative
Apply these styles to objects for instant cool effects, and easily change the colors, Live Filters, and textures in the styles to match your layout.
Rich symbols
Get started quickly with predesigned assets including OS-level controls, buttons, animations, themes, and bullets. All assets are part of the Common Library that is accessible across projects.
PaperGrams
Danielle Beaumont
PaperGrams are hand-drawn flow diagram and wireframe elements, created in the spirit of pencil and paper. As rich symbols in the Common Library of Fireworks CS3, they can be intelligently scaled with symbol properties for background color and font.
Tell us about your download for inclusion in the Fireworks Developer Center.
Community
Share your development knowledge, see what other developers are creating, and ask your coding questions in the Fireworks development community.
Find active members in the Fireworks community
Find a Fireworks user group
Don't see a Fireworks user group in your area? Apply to start one! The requirements for starting an official Adobe Fireworks user group are very basic: you must have an active website dedicated to the group and you must hold a monthly user group meeting. That's all!
If you are interested in applying to start a Fireworks user group in your area:
- Fill out an application.
- Start building your user group site and plan your first meeting.
- E-mail the program contact, Ed Sullivan, for more information.
Connect with Fireworks resources
Engage with the Fireworks community using the following resources.
Fireworks Design Center
Learn the latest in digital design and motion graphics. Check twice monthly for fresh tutorials and articles, and inspirational gallery pieces.
Fireworks support forums
Looking for the answer to a specific question you have about Fireworks? Post your question to the forums to get help from Adobe Community Experts and others in the Fireworks community.
Fireworks Adobe Community Experts
Get to know the Community Experts for Fireworks, or converse with them on the Fireworks forums.
Fireworks Developer Center RSS feed
Subscribe to a feed of recently published Fireworks articles in the Developer Center.
