Jira 6.1 Export Workflow as Image

In the new Jira 6.1 workflow editor, how can I export an image of the layout? This is for documentation purposes. In the classic editor there is an option for that (screenshot).

Thanks in advance,

8 answers

1 accepted

This widget could not be displayed.

Hi Adolfo,

JIRA's new workflow designer doesn't provide screenshot functionality. I've raised JRA-35882 to track this feature suggestion, please comment/vote on the issue if you'd like to see it implemented.

As Erik suggested, you can take a screenshot of your workflow by following the steps here. Depending on the size of your workflow, you may need to enter full screen mode and zoom out to fit it on the screen.

Another approach would be to open your workflow in the old workflow designer and use its screenshot functionality. You can do this by clicking the "enter classic mode" link.

I hope that helps!

Brilliant, others should add their input directly to this ticket.

This widget could not be displayed.

The other answers describe how to save to a raster format, but if you want to maintain the fidelity offered by vector graphics, here's another option.

Because the new workflow designer is built on Scalable Vector Graphics (SVG), a simple work around is to use a browser extension to download the SVG directly. (e.g. https://chrome.google.com/webstore/detail/save-canvas-and-svg/mohncbcgngjkgmeapopaiibjpmgopgna/related?hl=en allows you to right-click→download on an SVG image)

Unfortunately SVG doesn't have great compatibility outside browsers, but I found that opening it in Chrome and saving to PDF using the File→Print→PDF menu worked well. You can then crop the PDF to an appropriate size using normal PDF editing tools (e.g. Preview.app on Mac OSX)

Do you kow how to embed that SVG in Confluence?

This widget could not be displayed.

Why don't you just use a browser plugin to take screenshots, like http://awesomescreenshot.com/ ?

It works beautifully in Chrome.

This widget could not be displayed.

Fairly easy work-around for this:  

  1. Right-click the workflow diagram in Chrome and click "Inspect Element"
  2. The <svg> tag should be highlighted. Right click the element and choose "Copy as HTML"
  3. Paste into a brand new file (see note below)
  4. Open the file in Chrome
  5. Right-click and choose "Print"
  6. You've got yourself a PDF

If I get a chance I'll create a plugin that will render a workflow in the browser, so you can skip steps 1-4. 


(Note: if it complains about an encoding error, convert your file to UTF-8 using Notepad++ or the text editor of your choice.  I'm not sure if this was just something to do with my settings, but I figured I'd mention it just in case)

It worked perfectly for me. My diagram was huge, so print to PDF was not good and it left a lot of blank space. Instead I used a scroll window capture software, then cropped it.

This widget could not be displayed.

I made a feature request at https://jira.atlassian.com/browse/JRA-35882 which solved this problem and even enables more advanced usages, like including screenshots of the workflows in a wiki page, Don't forget to vote and comment on it if you want it solved.

This widget could not be displayed.

Here is the response regarding the renaming of screenshots...bummer, we lost that. And why does this JIRA board only allow 3 posts in a 24 hr period? That's one of the dumbest things I've seen


Thank you for the update, and I have been looking into this a bit more, and agree with you here. While I am very excite about being able to add the screenshot to issues via hotkey only without the need to navigate through a menu, I think the renaming aspect may have been overlooked here.

So I have created a new bug in conjunction with updating the documentation to reflect this new feature, noting the loss in functionality for renaming the file when attaching. I also detailed a workaround for renaming the files which requires a few additional steps but can be accomplished.

Please make sure to add your vote to help increase the priority, and add any comments to the new Bug that are related to your uses case so we can get an idea of the impact.


This widget could not be displayed.

I just checked my version of JIRA and it looks like they have a "Enter Classic Mode" feature that takes you to the original workflow editor to take a snapshot. I think you have to first edit the workflow before the Classic Mode and snapshot feature to display.

This widget could not be displayed.

Also the new version of the workflow editor looks bigger, you can probally use Snippet (Windows) or Command+Shift+4 (Mac) to take a snapshot of the workflow.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Tuesday in Jira

What modern development practices are at the heart of how your team delivers software?

Hey Community mates! Claire here from the Software Product Marketing team. We all know software development changes rapidly, and it's often tough to keep up. But from our research, we've found the h...

280 views 1 4
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you