Free Figma and developer tools for web developers and web designers. Each one started as a personal frustration, built with Claude Code, and published for the community.
Figma
Chrome
FirefoxFigma Plugin
Import raw CSS, Tailwind configs, and messy color code directly into Figma local variables. No JSON formatting. No file uploads. Just paste and go.
Chrome & Firefox Extension
Convert px to rem and em directly inside DevTools. Context-aware em computation reads actual parent font sizes from the live DOM. Zero context switching.
Partner with an award-winning web designer and web developer from the Philippines, delivering world-class websites to global brands. 15+ years of experience creating sites that convert visitors into customers.
Yes. Every tool on this page is completely free with no premium tiers, no feature gating, and no sign-up required. I built them to solve my own workflow problems and published them for the community.
I'm Dixie Raiz Pacheco, a web designer and developer from the Philippines with 15+ years of experience. I build these tools using Anthropic's Claude Code to translate real workflow frustrations into working software.
Yes. Every tool here started as something I needed for my own client work. When I hit a workflow bottleneck that no existing tool solves well, I build one. New tools get published here as they're completed.
Absolutely. If you're a web developer or designer dealing with a recurring workflow problem, reach out through the discovery form. If the idea solves a real problem, there's a good chance I'll build it.
No. Palette Importer runs entirely inside Figma with no external calls. UnitShift operates inside your browser's DevTools with no data leaving your machine. Privacy by design, not by policy.
Currently: Figma (plugins), Chrome (extensions), and Firefox (add-ons). Each tool is published and approved on its respective marketplace. Platform support depends on where the tool makes sense.