StyleForge

About this plugin

StyleForge instantly imports the latest design tokens from Tailwind CSS v4, shadcn/ui, Material UI, Radix Colors, and other popular libraries directly into your Figma files as Variables and Styles.⚡️ Always Up-to-Date: Fetches official Tailwind v4 and shadcn tokens live from GitHub, with bundled snapshots as offline fallback. Every import tells you whether it used live or bundled data. No outdated JSON files, no copy-pasting.🎨 Smart Theming: Automatically maps semantic colors (like primary, muted, accent) to their primitive values and handles Light/Dark mode switching for you. shadcn imports even let you pick any registry base color (Neutral, Stone, Zinc...) and layer an accent theme (Blue, Green, Rose...) on top.🔡 Advanced Typography Matrix: Most plugins just give you a font size. StyleForge generates a complete Size × Weight matrix, plus type ramps like MUI's h1 to overline.Key Features:One-Click Import: Select your library, pick categories, and go.Variables: Colors, Spacing, Radius, Opacity, and more, each with WEB code syntax so Dev Mode shows the real CSS variable name.Styles: Text Styles (with weights), Shadows, and Blurs.Smart Aliasing: Theme tokens auto-alias to Tailwind primitives when colors match.Idempotent: Re-running an import updates in place, with no duplicate collections or styles.Free-Plan Aware: On Starter files it warns you up front and imports Light values instead of failing.Supported Libraries:Tailwind CSS v4shadcn/uiBase UICoss.comRadix ColorsMaterial UIChakra UIMantineDaisyUIBootstrap 5Open source and built for modern design workflows. Give it a try!