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 6 of 15

Clear filters
  • A more controllable style export tool.

    Design to CodeFree
    44 likes5.3K uses
  • Convert variables to CSS, JavaScript and JSON. ่ฝฌๆขๅ˜้‡ๆˆ CSS, JavaScript ๅ’Œ JSONใ€‚

    Design to CodeFree
    5 likes5.3K uses
  • A utility tool for importing and exporting variables between CSS and Figma.

    Design to CodeFree
    50 likes5.1K uses
  • Elevate Your Designs: Easily Convert Design Tokens to SASS/CSS Variables with Progress ThemeBuilder

    Design to CodeFree
    69 likes5.1K uses
  • Ruyi Design Assistant helps you use React component libraries and Design Tokens for design.

    Design to CodeFree
    253 likes5.1K uses
  • Get the value for CSS color keywords in Figma.

    Design to CodeFree
    33 likes5K uses
  • Focus CSS makes viewing CSS in Figma more convenient and helps you spot inconsistent styling.

    Design to CodeFree
    106 likes5K uses
  • React-native codegen that just works.

    Design to CodeFree
    21 likes4.9K uses
  • A Figma plugin that lets you easily optimize and transform multiple SVG files into JSX components

    Design to CodeFree
    79 likes4.9K uses
  • AI-powered tool.

    Design to CodeFree
    8 likes4.8K uses
  • Monday Hero: Convert Figma design to code

    Design to CodePaid
    90 likes4.8K uses
  • This plugin converts color tokens to code.

    Design to CodeFree
    61 likes4.7K uses
  • Export component libraries of any size into cloud accessible assets in json format, svg quick copyโ€ฆ

    Design to CodeFree
    74 likes4.6K uses
  • Kiwiui Export your Figma Desing to React , Angular , VueJsKiwiui is a specialized tool to generateโ€ฆ

    Design to CodeFree
    21 likes4.6K uses
  • Export styles from OutSystems UI Kit to CSS.

    Design to CodeFree
    88 likes4.6K uses
  • Convert Bootstrap 5 designs to React-Bootstrap components effortlessly. Design-to-code in 1 click!

    Design to CodePaid
    74 likes4.5K uses
  • Export CSS variables form figma variables

    Design to CodeFree
    61 likes4.1K 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.