Best Figma plugins and tooling

24 picks from the library

1. 01

   @figma/rest-api-spec

   Figma's official OpenAPI 3.1 specification plus generated TypeScript types for the whole REST API, published to npm.

   Why it made the list: Typed Figma API responses for free - stop hand-writing interfaces.

   Figma API & plugin devMITFigmagithub.com

   
2. 02

   asimonim

   Language server, CLI and editor extensions giving autocomplete, hover docs and validation for design tokens inside your editor.

   Why it made the list: Tokens with IDE autocomplete and hover previews — nobody expects this to exist.

   Token infrastructureGPLBenny Powers (@bennypowers)github.com

   
3. 03

   Bootstrap Tokens

   Bootstrap 6 design system as DTCG tokens with a browser theme builder that exports Sass, CSS, TypeScript, Style Dictionary and Figma.

   Why it made the list: Portable Bootstrap 6 tokens plus a live builder that verifies byte-identical Sass against upstream.

   Token infrastructureMITJulien Déramond (@julien-deramond)github.com

   
4. 04

   BuilderIO figma-html

   Converts any live website into editable Figma layers, and pushes Figma designs back out to HTML.

   Why it made the list: Reverse-engineering a competitor's page into editable Figma layers is unreasonably useful.

   Figma ecosystemMITBuilder.iogithub.com

   
5. 05

   create-figma-plugin

   Toolkit for building Figma plugins and widgets: build system, Preact UI components, typed utilities and scaffolding.

   Why it made the list: The most complete plugin DX in the ecosystem, maintained by one person for years.

   Figma API & plugin devMITLim Yuan Qing (@yuanqing)github.com

   
6. 06

   Dembrandt

   Node tool that drives a real browser to extract a site's logo, colours, typography, borders and motion into tokens.

   Why it made the list: Uses a real browser, so it captures computed values other extractors miss.

   Token infrastructureMIT@thevangelistgithub.com

   
7. 07

   Design Token Validator

   Web tool that checks a token JSON file against the DTCG specification and reports structural and type errors.

   Why it made the list: Paste-and-check spec conformance — the missing lint step in most token pipelines.

   Token infrastructurefreeAnima (@animaapp)animaapp.github.io

   
8. 08

   Design Tokens (Figma plugin)

   Figma plugin exporting styles and variables to Style Dictionary-compatible JSON, with direct push to GitHub or GitLab.

   Why it made the list: Pushes tokens straight to a repo, skipping the copy-paste handoff entirely.

   Token infrastructureMITLukas Oppermann (@lukasoppermann)github.com

   
9. 09

   Dispersa

   DTCG-native token build system supporting resolver documents, sets and modifiers, exporting CSS, Tailwind v4, Swift and Compose.

   Why it made the list: Implements the 2025 DTCG resolver spec that most tools still ignore.

   Token infrastructureopen-sourceDispersa (dispersa-core)dispersa.dev

   
10. 10

    DTCG Community Group

    W3C community group repository holding the design tokens specification, its issue history and the format's ongoing design debates.

    Why it made the list: Reading the open issues teaches more about token modelling than any blog post.

    Token infrastructureopen-sourceW3C Design Tokens Community Groupgithub.com

    
11. 11

    Engramma

    Browser-based design token editor and converter that previews colour, type and spacing while exporting standard token formats.

    Why it made the list: Token editing without Figma or a repo — useful for the first hour of a system.

    Token infrastructurefreemiumEngrammaengramma.dev

    
12. 12

    Excalidraw Libraries

    Directory of community shape libraries for Excalidraw - AWS icons, UI wireframes, flow symbols - installable in one click.

    Why it made the list: Turns Excalidraw into a domain-specific diagramming tool for free.

    Figma alternativesMITExcalidraw communitylibraries.excalidraw.com

    
13. 13

    Figma Asset Downloader

    CLI that pulls exportable assets out of a Figma file into your repo at the right scales and formats, ready for CI.

    Why it made the list: Puts icon export in CI so nobody drags PNGs out of Figma by hand again.

    Figma to codeopen-sourceRoberto Huertas (@robertohuertasm)robertohuertasm.github.io

    
14. 14

    Figma to Flutter

    Generates Flutter widget code from Figma documents via the REST API, including layout and text styles.

    Why it made the list: One of very few Figma pipelines targeting Flutter rather than React.

    Figma to codeopen-sourceAloïs Deniel (@aloisdeniel)github.com

    
15. 15

    figma-api-stub

    Mock implementation of the Figma plugin API so you can unit-test plugin logic in Jest without opening Figma.

    Why it made the list: Testing Figma plugins is normally impossible; this makes it a normal Node test.

    Figma API & plugin devMITreact-figmagithub.com

    
16. 16

    figma-export

    Command-line tool that exports Figma colors, icons and images into native iOS and Android resource formats.

    Why it made the list: Mobile asset pipelines are underserved; this one is battle-tested at an agency.

    Figma to codeopen-sourceRedMadRobotgithub.com

    
17. 17

    figma-graphql

    GraphQL wrapper over the Figma REST API so you can request exactly the nodes and props you need.

    Why it made the list: Figma's REST responses are enormous; GraphQL selection makes them tractable.

    Figma API & plugin devMITBernardo Raposo (@braposo)github.com

    
18. 18

    figma-linux

    Unofficial Figma desktop client for Linux with tabs, multi-account support and local font hosting.

    Why it made the list: The only way Linux designers get local fonts working in Figma.

    Figma ecosystemGPLRoman Chugunov (@ChugunovRoman)github.com

    
19. 19

    figma-lottie

    Exports Figma frames and Smart Animate transitions into Lottie JSON for use in web and mobile motion.

    Why it made the list: Figma-to-Lottie without buying a motion tool; niche but very handy.

    Figma to codeopen-sourcerobinetbatmangithub.com

    
20. 20

    figma-plugin-ds

    Vanilla CSS and JS component library that matches Figma's own plugin UI, so your plugin looks native.

    Why it made the list: Your plugin stops looking like a bootstrap form and starts looking like Figma.

    Figma API & plugin devopen-sourceTom Lowry (@tomlowry)github.com

    
21. 21

    figma-plugin-react-vite

    Vite-based Figma plugin starter with React, hot reload for the UI iframe and typed plugin/UI messaging.

    Why it made the list: Hot reload inside a Figma plugin iframe is the DX upgrade nobody advertises.

    Figma API & plugin devMITCoconutGoodiegithub.com

    
22. 22

    figma-plugins-on-github

    Curated index of open-source Figma plugins with both repo and Community links, grouped by what the plugin does.

    Why it made the list: A reading list of real plugin source code - the fastest way to learn the API.

    Figma API & plugin devopen-sourceTom Lowry (@tomlowry)github.com

    
23. 23

    figma-to-json

    Reads and writes Figma files as plain JSON, enabling scripted edits and programmatic file generation.

    Why it made the list: Treats Figma files as data - the base layer for any custom design pipeline.

    Figma to codeopen-sourceMichael Yagudaev (@yagudaev)github.com

    
24. 24

    figma-to-react-native

    Converts Figma components into React Native / React Native Web code with design token and variant support.

    Why it made the list: The rare design-to-code tool aimed at React Native instead of yet another web export.

    Figma to codeopen-sourceKat Tax (@kattax)github.com

    

Questions

What is the best way to get Figma designs into code?

Tokens and a component contract beat pixel-perfect export every time. Use a bridge to read structure and variables, not to generate markup wholesale.

Are there good Figma alternatives?

Yes, several — including open-source and code-native options. They are listed on this shelf.