Text2CSS
Turn Figma text styles into Tailwind, CSS, SCSS, SASS, or inline styles — fast and flexible.
Plugin Preview
About this plugin
Text2CSS is a powerful Figma plugin that transforms your text styles into clean, customizable CSS code. Whether you're using standard CSS, Tailwind, SCSS, SASS, or inline styles, Text2CSS gives you full control over the output — including unit preferences (px, rem, em), color formats (hex, short hex, rgb, rgba, hsl, hsla, and named CSS colors), and custom class/ID naming conventions.
Designed for both developers and designers, Text2CSS makes it easy to export typography from Figma into production-ready code. With advanced formatting options and support for modern CSS workflows, it streamlines your handoff process and keeps your styles consistent across projects.
Plugin Details
Version | 6 |
---|---|
Created | November 6, 2023 |
Last Updated | March 30, 2025 |
Category | Software development |
Creator | Garrett Siegel |
Stats | 38 installs, 5 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.gumroad.com
More Like This
Discover other plugins in the Software development category.