Elastic Integrations logos Figma plugin

Problem

Designers across the team were using inconsistent and outdated integration logos in their work. Figma libraries required regular manual updates to stay in sync with the ever-growing catalogue of Elastic integrations. This led to visual inconsistencies in mockups and wasted time maintaining assets that quickly became stale.

Goal

Create an internal tool for the design team that fetches logos directly from the source of truth, the official integrations repository. Eliminate the need for manual library updates and ensure designers always have access to the latest logos while working on new features.

Solution

A Figma plugin built with React and TypeScript that displays a searchable grid of all Elastic integration logos. Designers can browse, search, and insert logos directly onto the canvas with a single click.

The plugin fetches logos from the official Elastic integrations repository, ensuring the catalogue always reflects the latest available integrations. No more outdated libraries or manual syncing.

The project is open source and available on GitHub.