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 theme The plugin gets it's info from the Local Styles. At this point it picks up: colors font-families text-sizes box-shadows borded-radius Full docs: https://github.com/jan-dh/figma-tailwindcss/
Figma Tailwindcss
开发 · 523 likes
Export design tokens to tailwind theme
Related plugins
- Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
- Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
- Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
- SkewDat
Skew any layer or group with all layers preserved to edit.
- Locofy Lightning - Figma to Code in a flash
Convert Figma designs to code in a flash - React, React Native, HTML, Angular, Next, Gatsby, Vue
- Figma to HTML with Framer
Convert your Figma design to HTML code in seconds with Framer.