Tailwind Text Styles Generator

About this plugin

Tailwind Text Style Generator is a Figma plugin that helps you automatically generate text styles from Google Fonts, based on Tailwind typography scale.

Tired of manually creating text styles and organizing layers one by one? This plugin does it all for you:

🎨 Choose from 1,800+ Google Fonts

📏 Auto-generate Text Styles using Tailwind-friendly sizing (sm, base, lg, xl, etc.)

⚡ Perfect for dev-design alignment especially for teams using Tailwind CSS

📁 Organized neatly: styles are grouped and named by scale

🔁 Try different fonts freely great for experimenting and iterating

💾 Instantly saved into your current design system

Whether you're building a design system or just want to speed up your workflow, this plugin makes it seamless, scalable, and developer-friendly.