Skip to main content
AllToolsDirectoryAllToolsDirectoryAllToolsDirectory
Submit Tool
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 14 of 15

Clear filters

  • Syncfusion® Design Tokens

    Accelerate Your Workflow by Exporting Design Tokens Directly to Code

    Design to CodeFree
    17 likes328 uses

  • Kagami

    Generate React Code from Figma Components

    Design to CodeFree
    3 likes326 uses

  • ark

    Convert Figma's css output into tailwind classes that match our custom theme.

    Design to CodeFree
    2 likes323 uses

  • Figma Layout Fractions

    Easily create responsive layouts with CSS-like fractional units in Figma.

    Design to CodeFree
    6 likes314 uses

  • Base64 Encoder

    Instantly export, optimise, and convert SVGs to base64 for CSS and HTML 🚀

    Design to CodeFree
    2 likes311 uses

  • Radix Custom Color

    Import color styles and variables from Radix generated CSS code

    Design to CodeFree
    8 likes311 uses

  • ShadCN Exporter

    Export semantic variables into ShadCN CSS format locally

    Design to CodeFree
    19 likes310 uses

  • Huima

    Translate designs into development-ready code at lightning speed

    Design to CodeFree
    4 likes288 uses

  • Token

    The plugin read elements you select and let you export them into Html with SACSS.

    Design to CodeFree
    8 likes276 uses

  • StyleSync

    Convert CSS into Local Style

    Design to CodeFree
    4 likes270 uses

  • D2Code

    Design to code. easily customize conversion rules. Highly reusable code.设计稿转代码。自定义转换规则。代码复用性极高。

    Design to CodeFree
    2 likes269 uses

  • Dola Project Starter

    One-click project starter with Tailwind text, shadow, grid styles and pages structure

    Design to CodeFree
    4 likes261 uses

  • SVGReactify

    Generate single/multiple SVG React & React Native components at once

    Design to CodePaid
    1 likes257 uses

  • Figma Variables to CSS

    Export your Figma variables to CSS across all collections, with aliases or resolved to hexes

    Design to CodeFree
    4 likes256 uses

  • Eternal Variable Export

    Export external library variables & styles, local variables & styles to css variables

    Design to CodeFree
    4 likes250 uses

  • Style Converter

    Convert your Figma styles into CSS variables

    Design to CodeFree
    7 likes250 uses

  • tw

    Bring your color systems from Figma to Tailwind in one click!

    Design to CodeFree
    7 likes250 uses

  • CSS Color Extrator

    Extrae la paleta de colores de un sitio web

    Design to CodeFree
    4 likes249 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.

Other directoriesMCP ServersAI AgentsDesign Tools