I built a Chrome Extension to extract Tailwind & Figma tokens (and got blocked by Reddit bots 🤖)
As someone who constantly jumps between UI/UX design in Figma and writing Tailwind components, I was wasting hours manually inspecting computed CSS to extract hex codes and build tailwind.config.js files. Over the weekend, I built Token Inspector, a 100% client-side Chrome extension to automate this. In one click, it exports ready-to-use Tailwind configs, Tokens Studio JSON, and zips all inline…
An article reports on the creation of a Chrome extension by a designer who frequently switches between Figma and Tailwind components. The extension, named Token Inspector, automates the tedious process of extracting hex codes and building tailwind.config.js files. Users can export ready-to-use Tailwind configs, Tokens Studio JSON, and zip files containing all inline SVGs with a single click.
Despite the designer's efforts to share the extension on Reddit to acquire initial users, the posts were quickly removed by Reddit's automated moderation bots. In response, the designer is offering the extension to the Dev.to community by providing a promo code (REDDDITPRO) for free access to the premium version. The extension can be obtained from the Chrome Web Store at the following link: https://chromewebstore.google.com/detail/token-inspector-%E2%80%94-ui-desi/ahhkpfngdhkjiipkhfnefpkiniliafdh?ref=producthunt. The author invites feedback on the code output from those who try the extension.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
This story
This is one outlet's version. Read the fullest account.