The best Figma plugins for developers, picked by our team

1. 

   1

   Zeplin

   by Zeplin Crew

   291K users2.9KFree + paid features

   The most-used developer plugin. Publishes frames to Zeplin for structured handoff with specs, assets and versioning outside Figma. Free with in-app purchases; worth it for teams where developers never open Figma.

   View details
2. 

   2

   Inspect Styles

   by max.denaro

   136K users3.9KFree

   Shows the CSS and SVG of any selected layer without switching into Dev Mode. Free, Design only. Our pick for grabbing a quick style on a Starter plan.

   View details
3. 

   3

   Figma Exporter

   by JerryKhw

   112K users490Free

   Exports PNG, JPG, WebP, SVG or PDF with presets for Web, Android, Flutter, iOS and React Native. Free, runs in Dev Mode, and saves setting up export scales by hand on every asset.

   View details
4. 

   4

   DesignDoc [Spectral]: Measures, Annotations, and Handoff

   by Marka Plugin Dev

   132K users3KFree

   Measurements, annotations and handoff docs drawn as layers on the canvas. Free. It's the plugin we use when the developer only has a View seat and can't see native annotations.

   View details
5. 

   5

   Jira

   by Figma Community

   81K users552Free

   Figma's official Jira plugin: attach frames to issues and see design status from Jira. Free. Small, but it removes the 'which version is this?' thread.

   View details
6. 

   6

   Design Tokens

   by Lukas Oppermann

   62K users1.9KFree

   Exports styles and variables as Style Dictionary JSON or pushes them to GitHub. Free, and our pick for teams that already run Style Dictionary in their build.

   View details
7. 

   7

   Storybook Connect

   by Chromatic Deploys

   61K users1KFree

   Shows Storybook stories next to their Figma components. Free, from the Storybook team. The cheapest way to catch drift between the design and the built component.

   View details
8. 

   8

   Tailwind CSS Color Generator

   by Erik de Vries

   108K users3.6KFree

   Generates a Tailwind colour scale from a single hex value. Free. Narrow, but if the codebase is Tailwind it saves arguing about the 500 step.

   View details

We build two handoff plugins ourselves: one that generates design specs and one for annotations. They're not ranked above; we list them here as a disclosed extra.

• Inspect any layer with CSS, iOS, Android and Compose snippets, plus variable names and alias chains.
• Measurements and annotations saved by the designer, visible to Dev and Full seats.
• Asset export with scale and format presets, and a Ready for dev status per section.
• Figma for VS Code brings the inspect panel into the editor.

All of that needs a Dev or Full seat on a paid plan. The picks above are chosen so that a developer on a View seat, or a team on Starter, still gets specs, assets and tokens. Our design specs guide covers what a complete handoff should include.