The integration between Jira by Atlassian and Figma allows development and design teams to work more collaboratively, bringing designs directly into the development workflow. With this connection, you can view live previews of Figma files inside Jira issues, sync updates in real time, and reduce the time spent switching between different tools.

In this in-depth guide, we’ll explore how to install the integration, connect files and prototypes, view design status, and automate workflows between Jira and the Figma design tool.

What Is the Jira–Figma Integration

The integration combines the Figma for Jira app with specific features that allow you to:

• Link Figma design files and prototypes directly to Jira issues.
• View design previews without opening Figma separately.
• Synchronize design status in real time with development status in Jira.

This integration is designed for Agile teams working with sprints, backlogs, and issue tracking, helping improve communication between designers and developers.

How to Install “Figma for Jira”

To use the integration, the first step is installing the Figma for Jira app in your Jira instance:

• In your Jira account, open the sidebar menu and go to Apps → Explore more apps.
• Search for Figma for Jira in the available apps list.
• Click Get it now and follow the installation process.

Once installed, a Designs section will appear inside Jira issues, where you can add your Figma files.

How to Link Figma Files and Prototypes to Jira Issues

After installing the app:

• Open the Jira issue where you want to add a design.
• If the Designs section is not visible, click Add design.
• Paste the URL of the Figma file or prototype into the indicated field.
• Click Link to connect the design to the issue.

Once linked, you can view and interact with the design directly in Jira by expanding the preview or opening the full file in a new tab.

Jira Plugin in Figma for Developers

In addition to the basic integration, you can install the official Jira plugin in Figma to:

• Import and link Jira issues to pages or layers within a Figma file.
• View issue details without leaving Figma.
• Create new issues directly while working on the design.

This feature is especially useful for developers and designers who want to maintain full context between design work and Jira tasks.

Viewing Design Status in Jira

Once a Figma file is connected, Jira displays the current design status:

• Design updated: the file has been modified after being linked.
• Ready for dev: indicates the design is ready for the development phase.

These details are automatically updated through webhooks connected to the Figma file, with no additional configuration required.

Useful Automations for Development Teams

With Jira, you can create automations based on linked designs to:

• Automatically notify developers about updates.
• Change issue status based on design modifications.
• Add labels or tags when a design is linked or updated.

These automations improve productivity and reduce repetitive manual tasks.

Removing the Integration

If needed, you can:

• Remove individual linked files or prototypes from an issue.
• Completely uninstall the Figma for Jira app from your Jira account, removing all associated links and integrations.

Conclusion

The integration between Jira and Figma is a powerful solution for improving collaboration between designers and developers. It centralizes information, reduces communication errors, and keeps everyone updated in real time within the Agile workflow.

For teams working with sprints and complex design processes, implementing this integration can transform the UX-to-development handoff into a smooth and efficient workflow.

Follow here all the Release Notes.

L'articolo Jira and Figma Integration: Complete Guide for Developers and Agile Teams proviene da Giovanni Anfuso.

Figma: what it is and why it has become a standard in digital design

Figma is a web-based UI/UX design tool used by designers, developers, and product teams to collaboratively create digital interfaces. Unlike traditional software, Figma works directly in the browser (with optional desktop apps) and allows multiple people to work simultaneously on the same file in real time.

Thanks to its simplicity, flexibility, and power, Figma has become a standard in product design, web design, and application development, adopted by both startups and large enterprises.

How Figma works

Figma is built on a cloud-first architecture. All files are saved online and accessible from anywhere, without the need for local versions or manual transfers.

Its main features include:

• Advanced vector editor for interface creation
• Real-time collaboration (similar to Google Docs)
• Reusable components and design systems
• Interactive prototyping without code
• Comments and feedback directly on the design
• Integrations and plugins to extend functionality

Technically, every user action is synchronized instantly with Figma’s backend, ensuring real-time updates for all collaborators.

Key advantages of Figma

Figma’s tremendous success comes from several key advantages:

1. Real-time collaboration
Multiple users can edit the same file simultaneously, eliminating version conflicts.

2. Accessibility
Being browser-based, Figma is accessible from any operating system without complex installations.

3. Performance and reliability
Even with complex files and large teams, Figma maintains high performance.

4. Scalable design systems
Components ensure visual consistency and speed up workflows.

5. Evolving ecosystem
Plugins, APIs, and integrations make Figma extremely extensible.

The scalability challenge: from a few users to over 10 million

With such rapid growth, Figma faced one of the toughest challenges for any SaaS platform: infrastructure scalability.

Initially, the team had to scale a monolithic PostgreSQL database designed for far fewer users than current volumes.

In a recent technical thread, Figma shared the journey from a single database to a horizontally sharded architecture capable of supporting over 10 million active users.

Phase 1: immediate relief with vertical scaling

The first phase addressed the most urgent issues:

• Vertical scaling of PostgreSQL
• Introduction of read replicas to reduce read load
• Connection pooling via PG Bouncer

These solutions provided a quick improvement but were insufficient for the long term.

Phase 2: stability with logical partitioning

In the medium term, Figma adopted logical partitioning, separating table groups into dedicated databases.

Notable innovations included:

• PostgreSQL views to simulate sharding
• Query testing on sharded structures before physical separation

During migration, the team optimized logical replication, temporarily removing indexes to speed up data transfer, drastically reducing migration time.

Phase 3: horizontal sharding and distributed architecture

The final phase achieved true scalability:

• Introduction of horizontal sharding
• Creation of a custom query router
• Development of a DB proxy in Golang for intelligent query routing across shards

Deployment occurred in two stages, using PG Bouncer to ensure safe transitions without downtime, allowing gradual and controlled traffic routing.

Why these optimizations matter

These optimizations are not just relevant for Figma—they are a key case study for anyone building high-growth SaaS applications.

They demonstrate how:

• PostgreSQL can scale to extremely high levels
• Incremental solutions are often more effective than full rewrites
• The combination of architectural choices and custom tooling can make a huge difference

Conclusion

Figma is not just a design tool but an excellent example of a well-engineered tech product, both in terms of user experience and backend architecture.

Its evolution, from a simple collaborative tool to a global platform serving millions of users, shows how innovation, performance, and scalability can coexist when technical decisions are guided by a clear, progressive vision.

For professionals in design, development, or software architecture, Figma remains an essential reference point.

L'articolo Figma: the design tool that keeps growing thanks to technological innovation proviene da Giovanni Anfuso.