Skip to content
Command Pannel for Fireworks extension.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
Configuration/Command Panels/KinkumaUtility

ImageSnippet is Adobe Fireworks(FW) Extention.

It generates snippet code in FW from selected slice info.

screen shot

screen shot

how to use


Assume there is a slice such as this.

screen shot

Select the slice. You have to select only one slice. Because ImageSnippet can't handle multiple slices.

Push insert button in command panel.

Then snippet which include slice's property is exported in snippet area.

screen shot

The snippet is formatted text. The format is written in format area.

Formatted text this time is this.

<img width="%w" height="%h" src="images/%p" alt="">

There are strings, such as %w, %h, and %p. These are converted to slice's name, width, and height.

You can get five properties.

format slice property's name
%p name
%w width
%h height
%x x
%y y

You can write six format text which is include each tab.


Assume you write css file. It is good for you that writing format such as..


Then the generated code is this.


It is also convenience to push clipboard button to send snippet code to OS's clipboard.


  • It doesn't need to switch application frequently.
  • It doesn't need to open dialog to insert image in coding editor.
  • Your eyes won't be tired.

How to install

  1. Download the data. (In github, below Configuration)
  2. Copy it to the application directory.

For example CS5 in mac

/Applications/Adobe Fireworks CS5.1/Configuration/Command Panels/KinkumaUtility/ImageSnippet.swf
/Applications/Adobe Fireworks CS5.1/Configuration/Command Panels/KinkumaUtility/jsf/ImageSnippet.jsf
  1. Relaunch Fireworks.

  2. Open menu Window > KinkumaUtility > ImageSnippet

  3. Command Pannel is shown.

  4. Use it.

You can’t perform that action at this time.