Back to Plugins
Text2CSS

Text2CSS

Turn Figma text styles into Tailwind, CSS, SCSS, SASS, or inline styles — fast and flexible.

scsscode generationautomationdesigncssplugindesign toolsfigmadevelopmenttypographysassstylescode-generators

Plugin Preview

Text2CSS 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

Version6
CreatedNovember 6, 2023
Last UpdatedMarch 30, 2025
CategorySoftware development
CreatorGarrett Siegel
Stats38 installs, 5 likes
PricingFree

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