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

312 of 5,780 Figma plugins · page 9 of 13

Clear filters

  • Sync variables

    Import/Export your figma variables to simple CSS variables

    Design to CodeFree
    43 likes1.2K uses

  • Tailwind Tokens

    Create Tailwind CSS Variables & Styles - 100% Free

    Design to CodeFree
    69 likes1.2K uses

  • Valor

    Translate Figma color styles to css/scss variables and back

    Design to CodeFree
    77 likes1.2K uses

  • Color Shader

    Now, In Figma Create shades with ease & Get CSS or Tailwind code !!

    Design to CodeFree
    15 likes1.1K uses

  • Color Style To Code

    Plugin will Generate Color for 3 platform and 1 JsoniOS -> color.

    Design to CodeFree
    17 likes1.1K uses

  • CSSPaint [Beta]

    Easily apply CSS styles to your objects, layers and frames

    Design to CodeFree
    23 likes1.1K uses

  • Style Station

    Style Station Plugin plugin can take your SASS or LESS files with CSS rules and create the same sty…

    Design to CodeFree
    20 likes1.1K uses

  • Tailwind boilerplate

    Converts saved text and color styles into a format ready for use with Tailwindcss.

    Design to CodeFree
    25 likes1.1K uses

  • Figma To Stitches

    Unofficial Stitches Plugin that converts Figma styles to Stitches configForked from Figma to Tailwi…

    Design to CodeFree
    1 likes1K uses

  • Foundation

    Tailwind for Figma

    Design to CodeFree
    150 likes1K uses

  • i18n key generate

    Generate Vue, React and Laravel i18n strings based on key name

    Design to CodeFree
    6 likes1K uses

  • Shadcn Studio Figma

    Seamlessly Convert Figma Designs into Shadcn/UI Components through AI-Driven Code Generation

    Design to CodeFree
    17 likes998 uses

  • Code

    Code your design!

    Design to CodeFree
    27 likes973 uses

  • Pickaxe

    Dig out patterns from production HTML; enter a URL and Pickaxe fetches visual patterns from a websi…

    Design to CodeFree
    11 likes964 uses

  • Easy HTML

    Export your design to code - High quality responsive HTML / CSS / SCSS

    Design to CodeFree
    15 likes960 uses

  • HTML Tags & Attributes

    Attach & transform designs with semantic HTML, ensuring accessibility & seamless dev handoff.

    Design to CodeFree
    28 likes960 uses

  • Luckino

    Import and export design tokens between Figma Variables and standard formats like JSON and CSS.

    Design to CodeFree
    45 likes956 uses

  • Reactor

    Figma Design to React Code Automation

    Design to CodeFree
    6 likes952 uses

  • Tailwind Sync

    Variables to Tailwind in one click

    Design to CodeFree
    118 likes929 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