figma-tailwindcss icon indicating copy to clipboard operation
figma-tailwindcss copied to clipboard

[Feature] Tailwind v4 Support for Exported Theme Configuration

Open raihankr opened this issue 9 months ago • 4 comments

Following the update of Tailwind v4, they've removed the config file (tailwind.config.js). Instead, everything, including theme configuration, is moved to the CSS input file with CSS syntax. This made a new problem since this plugin export the theme as a JavaScript file only. Thus, using this plugin for Tailwind V4 isn't that practical anymore since we have to convert the exported JavaScript file into CSS manually.

I'd like to suggest a new feature to select the Tailwind version that support v3 and v4 for the exported theme configuration. This would allow us, developers who work with Tailwind v4, to use the plugin easier.

Here is the reference for the new Tailwind v4 theme configuration: https://tailwindcss.com/docs/theme

raihankr avatar Mar 24 '25 08:03 raihankr

Ah, that might be a good idea, will have a look if I can set that up

jan-dh avatar Mar 24 '25 10:03 jan-dh

any update?

nnmax avatar Sep 10 '25 02:09 nnmax

Sorry been quiet hectic; It's on my planning to have a look at in October

jan-dh avatar Oct 01 '25 10:10 jan-dh

@raihankr & @nnmax had a look at this but ended up fighting old webpack configs & deprecated dependencies. Might one day take a stab at it again, but today's not that day.

jan-dh avatar Nov 14 '25 20:11 jan-dh