The latest articles on DEV Community by Bharat Modi (@joyusdev). https://dev.to/joyusdev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3952898%2F6fae4e8b-59f1-475e-90b0-fb4fc13c11d5.png https://dev.to/joyusdev en Bharat Modi Tue, 26 May 2026 16:13:21 +0000 https://dev.to/joyusdev/i-built-zipit-looking-for-honest-feedback-from-designers-developers-1k73 https://dev.to/joyusdev/i-built-zipit-looking-for-honest-feedback-from-designers-developers-1k73 <p> <iframe src="https://www.youtube.com/embed/nOEQMWVbK_U"> </iframe> </p> <p><strong># I Built ZipIt ⚡ — Looking for Honest Feedback from Designers &amp; Developers</strong></p> <p>Hey everyone 👋</p> <p>I’ve been building <strong>ZipIt</strong>, a browser-based tool that helps designers and developers instantly extract production-ready assets and design systems from any website.</p> <p>The idea came from repeatedly switching between multiple tools just to inspect layouts, grab assets, analyze typography, extract colors, or recreate sections in Figma.</p> <p>So I started building one workflow-focused tool that combines everything together.</p> <h2> What ZipIt Can Do </h2> <h3> 🎨 Design Mode </h3> <ul> <li>Detect colors, gradients &amp; palettes</li> <li>Font detection + alternatives</li> <li>Type scale visualization</li> <li>Website thumbnail overview</li> <li>Extract SVG, PNG, MP4, Lottie assets</li> </ul> <h3> 🔍 Inspect Mode </h3> <ul> <li>Inspect spacing, layouts &amp; typography</li> <li>Export sections/components as clean code</li> <li>Copy components directly into Figma</li> <li>AI prompt generation for recreating UIs</li> <li>Accessibility audits</li> </ul> <h3> ⚡ Pro Features </h3> <ul> <li>Unlimited exports</li> <li>Cloud website crawling</li> <li>Full JS bundle extraction</li> <li>SEO metadata audits</li> <li>Priority asset optimization</li> </ul> <p>The goal is to make reverse engineering, inspiration analysis, and UI recreation dramatically faster for:</p> <ul> <li>UI/UX designers</li> <li>Frontend developers</li> <li>Indie hackers</li> <li>Agencies</li> <li>Growth/product teams</li> </ul> <p>I’d genuinely love feedback from this community:</p> <ul> <li>What features would make this more useful?</li> <li>What feels unnecessary?</li> <li>What would stop you from using a tool like this?</li> <li>What integrations would you want first?</li> <li>Would you use this more for design workflows or dev workflows?</li> </ul> <p>I’m currently refining the UX and product direction, so brutally honest feedback is welcome 🙌</p> <p>Thanks!</p> <p>Try here : <a href="https://zipit.blintix.store" rel="noopener noreferrer">https://zipit.blintix.store</a></p> webdev designsystem tailwindcss