---
title: "Gliffy Diagrams"
canonical: "https://docs.getxporter.app/space/XPORTERCLOUD/526761/Gliffy%20Diagrams"
format: markdown
---
> Macro (rw-ui-expands-macro)
> 
> > Macro (rw-expand)
> 
> > Macro (toc)

# Introduction

Xporter** **for Jira allows you to export diagrams from [Gliffy Diagrams for Jira](https://marketplace.atlassian.com/apps/5164/gliffy-diagrams-for-jira?hosting=cloud&tab=overview) app as a standard image (Figure 1 - 1).

[Gliffy Diagrams](https://www.gliffy.com/) <span style="color: #474747">enables you to create UML diagrams, floor plans, Venn diagrams, flowcharts, and various other kinds of diagrams online. </span><span style="color: #0d0d0d">It offers real-time collaboration, allowing multiple users to share and edit diagrams simultaneously.</span>

![Figure 1 - Gliffy Diagram](media://e1455b91-6de1-461b-a603-9a84a5e1ce5b)

# Installing and Using Gliffy Diagrams

## Via the Atlassian Marketplace

> Macro (rw-ui-steps-macro)
> 
> > Macro (rw-step)
> 
> [Install the app](https://marketplace.atlassian.com/apps/5164/gliffy-diagrams-for-jira?hosting=cloud&tab=installation) directly from the Atlassian marketplace.
> 
> > Macro (rw-step)
> 
> <span style="color: #111111">After the app installation, refresh the Integrations page (Figure 1).</span>
> 
> > Macro (rw-step)
> 
> Once the Gliffy Diagram is added to your Issue, you can export an image and its properties by including the following [mapping](https://docs.getxporter.app/space/XPORTERCLOUD/558575) in your [Template](https://docs.getxporter.app/space/XPORTERCLOUD/427622):
> 
> ```
> #{for images}
> 	// Retrieve extension from filename and save it on extension variable
> 	${set(extension,%{var name = '${Images[n].Name}'.split('.'); var extension = name[1]; extension})}
> 
> 	// If the image extension is 'gliffy' export all info about the attached image
> 	#{if (%{'${extension}'.equals('gliffy')})}
>    		${Images[n].Image}
>    		${Images[n].Name}
>    		${Images[n].ID}
>    		${Images[n].Size}
>    		${Images[n].HumanReadableSize}
>    		${Images[n].Author}
>    		${Images[n].Created}
>    		${Images[n].MimeType}
>    		${Images[n].ThumbnailURL}
>  	#{end}
>  #{end}
> ```

## Via the Jira Cloud Instance

> Macro (rw-ui-steps-macro)
> 
> > Macro (rw-step)
> 
> <span style="color: #0d0d0d">To add Gliffy Diagrams to an Issue,</span> on the top menu, navigate to *Filters* (Figure 2 - 1) and then click *View all issues* (Figure 2 - 2).
> 
> ![Figure 2 - Issue](media://552ab5d2-e0e1-48d9-a522-c825ce361c01)
> 
> > Macro (rw-step)
> 
> <span style="color: #0d0d0d">Choose the desired issue</span> (Figure 3 - 1), click the ellipsis button (Figure 3 - 2) and then select *Add apps* (Figure 3 - 3).
> 
> ![Figure 1 - Add integration](media://233106ce-3572-4064-ad1e-a5c58d56240c)
> 
> > Macro (rw-step)
> 
> A new tab will open. <span style="color: #0d0d0d">Use the search bar to find the Gliffy integration</span> <span style="color: #0d0d0d">by typing "gliffy" (Figure 4 - 1) and pressing enter. Once it appears, click it (Figure 4 - 2).</span>
> 
> ![Figure 4 - Add Gliffy Diagram](media://59eceaf3-a393-497c-bc73-273ac31ff41b)
> 
> > Macro (rw-step)
> 
> The integration screen will open (Figure 5). Click the *Try it free* button (Figure 5 - 1) to add Gliffy Diagrams to your integrations list, enabling you to use it.
> 
> ![Figure 5 - Try it free](media://1b6eeb64-f72e-4964-8f62-2a93982afc98)
> 
> > ℹ️ To add the Gliffy Diagrams integration to your Integrations list (not only to an issue), on the top menu, click *Apps* and then *Explore* more apps. You will land on the screen depicted in Figure 5. Follow the instructions from there.
> 
> > Macro (rw-step)
> 
> <span style="color: #111111">After the app installation, refresh the Integrations page (Figure 1).</span>
> 
> > Macro (rw-step)
> 
> Once the Gliffy Diagram is added to your Issue, you can export an image and its properties by including the following [mapping](https://docs.getxporter.app/space/XPORTERCLOUD/558575) in your [Template](https://docs.getxporter.app/space/XPORTERCLOUD/427622):
> 
> ```
> #{for images}
> 	// Retrieve extension from filename and save it on extension variable
> 	${set(extension,%{var name = '${Images[n].Name}'.split('.'); var extension = name[1]; extension})}
> 
> 	// If the image extension is 'gliffy' export all info about the attached image
> 	#{if (%{'${extension}'.equals('gliffy')})}
>    		${Images[n].Image}
>    		${Images[n].Name}
>    		${Images[n].ID}
>    		${Images[n].Size}
>    		${Images[n].HumanReadableSize}
>    		${Images[n].Author}
>    		${Images[n].Created}
>    		${Images[n].MimeType}
>    		${Images[n].ThumbnailURL}
>  	#{end}
>  #{end}
> ```


<details>
<summary>Support/Troubleshooting</summary>

If you have questions or technical issues, please [contact the Support team via the Customer Portal (Jira service management)](https://jira.getxray.app/servicedesk/customer/portal/2/user/login?destination=portal%2F2%2Fcreate%2F28) or [send us a message using the in-app chat](https://docs.getxporter.app/space/XPORTERCLOUD/18251779/In-App+Chat+Support).
</details>