SnapGrid
Collect, organise, and analyize UI screenshots
134 followers
Collect, organise, and analyize UI screenshots
134 followers
SnapGrid is an open-source desktop app for collecting, organizing, and analyzing UI screenshots. It uses AI to automatically detect UI components and patterns, making it a powerful tool for designers and developers.
Intercom
I just released a Mac app built entirely with AI—it's called SnapGrid!
SnapGrid is an evolution of an idea I first explored over 10 years ago with an app called Inboard. It's a simple, focused app designed specifically for designers who want to collect and organize screenshots of UI designs that inspire them.
The key difference now: AI handles the tagging automatically. You no longer need to manually categorize each screenshot—AI does it instantly, making your collections easier to manage and search.
Building SnapGrid highlighted how fundamentally AI is reshaping software development. With very basic coding knowledge, I was able to create a fully functional app. This shift dramatically expands what's possible, especially for niche applications and personal productivity tools.
Given how accessible software development is becoming, I'm excited about the potential rise in high-quality open-source projects built by people simply for fun and contribution. That's why I'm releasing SnapGrid as an open-source project. You can run it completely free, locally on your own Mac—you'll just need an OpenAI API key for image analysis.
Let me know if you have any suggestions or feedback!
Get it here: https://github.com/gustavscirulis/snapgrid
Equip AI Interview
Useful idea. I'm not a developer but I work with frontend devs for UI designs quite a lot. Wish you had a website or an easier way to use this.
Intercom
@aishwaryalohi Thanks, makes sense. Having it be a mac app allows using it for free and without ads since no one has to pay for hosting of the screenshots. It also makes the app super fast since all files are stored locally.
Manna
Open-source + AI for UI analysis? 🚀 Love the transparency! Can it detect accessibility issues (e.g., color contrast) in components alongside visual patterns?
Intercom
@desmond_ren1Â At the moment it's optimized to organise your screenshots by component so that you can easily find them later, rather than analyze the quality of the design, but interesting idea! Thanks!
Fable Wizard
This is such a clever idea! The way AI is making it easier to organize and manage design inspiration is a game-changer for designers. How do you see the open-source model evolving with SnapGrid—are you planning to encourage more community-driven features or customizations in the future?
Intercom
@jonurbonas Thanks! Honestly, I just built it for myself and if others find it useful too that's great too! I'm open to seeing where it goes. I'll continue to make improvements based on my own usage and if I hear useful feedback, but I have no plans to turn this into something bigger than that.
Really love the concept, congrats on your launch! I don't design myself but need to find and organize many UI screenshots for our team.
Quick question: Does SnapGrid sync with sources like Figma, or other? I’m thinking that would be a major plus for designers who are flooded with references from all these different platforms and struggle to keep them organized.
Intercom
@ioana_sima It doesn't integrate with Figma natively, but you can just drag and drop or copy/paste images in. Thanks!
Really a great product.
Does Intel Mac support is planned?
Intercom
@enzo_marc Just added support for Intel Macs too: https://github.com/gustavscirulis/snapgrid/releases/tag/v1.0.0. You'll need the `SnapGrid-1.0.0.dmg` version.
Handy tool. Good luck with it!