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 13 of 13

Clear filters

  • 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

  • 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

  • F tailwind

    AI-powered tool.

    Design to CodeFree
    2 likes246 uses

  • Modeinspect

    Modeinspect Figma to code

    Design to CodeFree
    0 likes243 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