As small multi-disciplinary design and development team, we have tried many of the existing tools that were available that promised to bridge the gap between design, development and product. Unfortunately, none of them actually did. After building our initial Figma for Confluence app that allowed users to embed public files only, we have been inspired by our users to build everything from the ground up and build a brand new app that offers designers and PMs the ability to embed real-time frames from both public and private Figma files for documentation, design systems, handovers and presentations in Confluence.

What it does

Figma for Confluence allows Figma users to embed files and specific frames of their Figma files right into their documentation. Thanks to 4 different scaling options, users are in full control of how their files are shown and integrated into the document. The advanced admin section of the app gives Jira Administrators full control of access tokens and which files are embedded in Confluence.

How we built it

Thanks to our growing library of templates and frameworks for Atlassian apps, we have been able to build the app in iterative fashion, using the feedback and learnings from our other app Figma for Conluence LITE.

Challenges we ran into

Scaling things can be difficult, scaling multiple things proportionally and relative to each other is even more difficult. What was even more difficult is the fact that we wanted to support as many different use cases as possible. When documenting a Design system, having a fixed macro container with fixed size with each of the elements displayed at 100% makes most sense, but in other cases, adapting the size of the design to the macro by zooming in or out is a better option. We've listened closely to our potential users to support as many use cases as possible while keeping the interface as simple as possible.

Accomplishments that we are proud of

With Figma for Confluence we have really gone the extra mile in terms of user centered design. We have not only focussed on the low hanging fruits but researched the actual needs and benefits Figma users are expecting, which proved to be worth the investment.

What we learned

As part of our user research and iterative continuous design and development sprints we have been in touch with a large number of potential users that helped us a lot with figuring out their needs and what's important.

What's next for Figma for Confluence

We're already working on the next version of the app to offer even more tools for designers using Figma and Confluence: we are in this for the long run. Next to Confluence, we have also built Figma for Jira PRO, which will enable an even more complete and integrated experience for our users.

Built With

  • figma
Share this project: