Skip to main content
Directory

Figma Plugin Directory

Discover 5,780+ Figma plugins to supercharge your design workflow. From design systems and prototyping to accessibility and automation.

Figma Plugins listings

338 of 5,780 Figma plugins ยท page 9 of 15

Clear filters
  • Transform your design into clean & readable & usable React, Vue, and HTML components.

    Design to CodeFree
    39 likes1.7K uses
  • Copy CSS quickly. ๅฟซ้€ŸๆŸฅ็œ‹ๆ ‡ๆณจใ€‚

    Design to CodeFree
    2 likes1.7K uses
  • Browse and search all the CSS custom properties for plugin and widget UIs in real time.

    Design to CodeFree
    40 likes1.7K uses
  • Create a highly customizable design system, backed by code.

    Design to CodeFree
    21 likes1.7K uses
  • Export Figma Variables to JSON, JS, CSV or CSS (also Tailwind CSS)

    Design to CodeFree
    21 likes1.7K uses
  • A very simple tool to make a selection in Figma and copy the fill colors to a coding language.

    Design to CodeFree
    8 likes1.6K uses
  • From Design to Code with AI Magic

    Design to CodeFree
    20 likes1.6K uses
  • Powerful and intuitive Figma plugin that allows you to generate React Native code .

    Design to CodeFree
    21 likes1.6K uses
  • Build color palette from hex colors in tailwind format

    Design to CodeFree
    0 likes1.5K uses
  • Ready-to-use Tailwind CSS blocks โ€” Compatible with Figma to Tailwind AI Plugin

    Design to CodePaid
    51 likes1.5K uses
  • Ecosystem for adding theme support to your designs and code

    Design to CodeFree
    12 likes1.5K uses
  • Generate code from Figma designs

    Design to CodeFree
    16 likes1.3K uses
  • A quick plugin that generates css global styles for you so you dont end up in copy-pasta hell.

    Design to CodeFree
    17 likes1.3K uses
  • Generate beautiful animated or grainy mesh gradients exported to CSS.

    Design to CodeFree
    17 likes1.3K uses
  • AI-Powered React Code Generation for Ant Design Components

    Design to CodePaid
    30 likes1.2K uses
  • A plugin for exporting figma variables to css and ts

    Design to CodeFree
    10 likes1.2K uses
  • Translate Figma documents into HTML templates for Lob!

    Design to CodeFree
    28 likes1.2K uses
  • Manage your copy in design and code

    Design to CodePaid
    20 likes1.2K uses
  • Import/Export your figma variables to simple CSS variables

    Design to CodeFree
    43 likes1.2K uses
  • Create Tailwind CSS Variables & Styles - 100% Free

    Design to CodeFree
    69 likes1.2K uses

Frequently Asked Questions About Figma Plugins

  • What are Figma plugins and how do they work?

    Figma plugins are extensions that add extra functionality to Figma's design interface. They run within Figma and can automate repetitive tasks, add new design capabilities, connect to external services, or enhance collaboration.

  • What are the best free Figma plugins in 2025?

    Top free Figma plugins include Unsplash (stock photos), Iconify (millions of icons), Stark (accessibility checking), Content Reel (realistic placeholder content), Figmotion (animation), and Remove BG (background removal).

  • How do I install Figma plugins?

    Click the plugin name to visit Figma Community, then click 'Install' or 'Try it out'. Access installed plugins via Resources panel (Shift+I) or right-click menu in Figma.

  • Which Figma plugins are best for developers?

    Developer-focused plugins include Figma to Code, Anima, Locofy, Builder.io, and CSS Inspect for code generation. Also valuable are Zeplin integration, GitHub sync, and various design token exporters.