Figma Tailwindcss

by Jan D'Hollander

Export design tokens to tailwind theme

FreeFigma

Performance report Open in Figma

Installs

9,369

Likes

617

Users

53,089

Views

69,234

About this plugin

Figma Tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that can easily be used with Tailwindcss.

Creating your themeThe plugin gets it's info from the Local Styles. At this point it picks up:colorsfont-familiestext-sizesbox-shadowsborded-radiusFull docs: https://github.com/jan-dh/figma-tailwindcss/

More software development plugins

View all

Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)

by Steve Sewell

Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.

410.3K 23.4K

Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder

by Anima

Anima - AI Design to code, Vibe code, Vibe design

400.6K 17.8K

SkewDat

Paid

by Unfold

Skew any layer or group with all layers preserved to edit.

276K 7.3K

Zeplin

Paid

by Zeplin Crew

Design tools are for designing. Zeplin is for clear, structured design delivery.

183.3K 2.9K