Skip to main content
AllToolsDirectoryAllToolsDirectoryAllToolsDirectory
Submit Tool

Free Plugins — Figma Plugins

Free and open-source Figma plugins to enhance your design workflow without cost.

All Free Plugins (5299)

312 of 5,299 Figma plugins · page 4 of 13

Clear filters

  • 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

  • 腾讯 CoDesign 私有化部署版

    腾讯CoDesign是产品设计研发一站式协作平台，帮助团队提升设计协作效率，有效管理使用设计资产，让产品设计更轻松高效。由腾讯自研的 Figma 插件，支持在线导入预览设计稿、自动生成设计标注，批量…

    Design to CodeFree
    690 likes8.3K uses

  • Figma to Code

    The plugin generates React code for the selected Figma element.

    Design to CodeFree
    38 likes8.2K uses

  • Figma to Compose

    Generate idiomatic Jetpack compose code from Figma designs

    Design to CodeFree
    135 likes8.1K uses

  • imgcook

    A intelligent tool that converts design to code.

    Design to CodeFree
    166 likes8.1K uses

  • Figma

    The Figma-Low-Code plugin allows you to use your Figma designs directly in VUE.

    Design to CodeFree
    160 likes7.6K uses

  • Variables Converter

    Transforms your Figma variables to CSS, JavaScript, Compose & SwiftUI variables

    Design to CodeFree
    205 likes7.6K uses

  • AmourM

    AmourM: Figma conversion, UI/UX kits, AI design, and code generation.

    Design to CodeFree
    69 likes7.5K uses

  • Mimic CSS Shadows

    Effortlessly recreate shadows from the web!

    Design to CodeFree
    50 likes6.8K uses

  • QR Code Generator

    Easily create highly customisable QR codes

    Design to CodeFree
    39 likes6.7K uses

  • Copy CSS/React/Tailwind Style

    Copy CSS style, React inline style or Tailwind classname from a selected layer.

    Design to CodeFree
    68 likes6.5K uses

  • Rapidream

    Figma-to-React for serious software development

    Design to CodeFree
    212 likes6K uses

Explore More