Tech
How to Extract Tailwind CSS Configs and Figma Tokens from Any Site in 1 Click
Every developer and designer has been there: you stumble upon a beautifully designed website and want to reverse-engineer its design tokens or inspect how its typography, color palette, and utility classes are structured.
Normally, this means opening DevTools, inspect-elementing dozens of DOM nodes one by one, manually copying computed HEX codes or CSS --variables , and spending 30 minutes manually formatting a tailwind.config.js or syncing values into Figma.
I got tired of this repetit...
Read the full discussion on Dev.to
This article was aggregated from Dev.to. Click to join the conversation.
View on Dev.to