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

Clear filters

  • tailwindcss

    The plugin allows us to create styles based on the tailwind.

    Design to CodeFree
    102 likes14K uses

  • Figma to Tailwind CSS

    Convert Figma designs into Tailwind CSS code in 1 click!.

    Design to CodePaid
    348 likes13.8K uses

  • Design Tokens Manager

    Import variables from JSON files, Google Sheets, CSS files, Export variables to JSON files.

    Design to CodeFree
    357 likes13.5K uses

  • AI Design by Rendition

    Rendition is an AI tool for creating designs and building responsive UI components with tailwind

    Design to CodePaid
    31 likes12.7K uses

  • Typper

    Turn Figma designs into functional code with AI – fast, smart, and efficient.

    Design to CodePaid
    97 likes12.6K uses

  • CSS Extractor

    AI-powered tool.

    Design to CodeFree
    158 likes12K uses

  • Widget Code Generator

    The Widget Code Generator lets you design widgets and easily translate your designs into code.

    Design to CodeFree
    300 likes11.9K uses

  • FigGen

    Pixel perfect HTML/Tailwind for Figma Auto layout designs.

    Design to CodeFree
    88 likes11.5K uses

  • Tempo

    Migrate Figma designs to React in Tempo Labs' AI-powered editor and accelerate development

    Design to CodeFree
    369 likes10.2K uses

  • Interplay

    Design with React code components and Design Tokens in Figma

    Design to CodeFree
    261 likes10K uses

  • Semi Design 设计转代码

    Free, Figma to React, Tailwind (support config file), SCSS, Emotion and CodeSandbox

    Design to CodeFree
    479 likes9.6K uses

  • Export Code

    Export any vector asset to React or Vue components, Sass (or plain CSS), TailwindCSS, or an Android…

    Design to CodeFree
    95 likes9.3K uses

  • css

    Generated tailwind class names from the css privided by figma

    Design to CodeFree
    65 likes9.1K uses

  • Figma to shadcn/ui

    Convert Figma designs into production-ready shadcn/ui code

    Design to CodeFree
    314 likes9.1K uses

  • Design To Code

    convert the figma design draft into html and css code

    Design to CodeFree
    30 likes8.7K uses

  • Tailwind Ink

    AI color palette generator based on the web tool tailwind.

    Design to CodeFree
    142 likes8.7K uses

  • Code

    Code your design!

    Design to CodeFree
    56 likes8.4K uses

  • Advanced Variable Export [AVE]

    Easily export your variables collections to CSS or SCSS with hierarchy fragmentation feature!

    Design to CodeFree
    101 likes8.3K uses

  • fromCSS

    Write, paste, and apply CSS

    Design to CodeFree
    81 likes8.3K 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