This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Tearsheet
Extract design palettes that actually match what you see
A local design reference gallery for images and video. Claude Code catalogs each one, extracts its color palette, and can scaffold the mood, typography, and UI patterns straight into a new Figma file or Claude Design project. - jeanpaulbondy-la/tearsheet
Every designer has a folder of inspiration—screenshots, mood boards, design references. But they're just images. You can't extract the actual colors. You can't see the type system. You can't use them to build anything.
Tearsheet changes that.
Drop images into your local gallery. Claude Code catalogs each one, extracts real color palettes (using perceptual color science, not broken RGB clustering), identifies typography, and scaffolds UI patterns. Export to Figma or use to bootstrap a full design system.
**What it does:**
- Builds a searchable gallery of design references
- Extracts accurate color palettes (now 71% better at capturing accent colors)
- Identifies typography from images
- Auto-generates Figma variables and text styles
- Creates component sketches for common UI patterns
- Works entirely offline—your inspiration stays local
**Who it's for:**
- Designers building mood boards into production design systems
- Design teams standardizing on extracted palettes
- Anyone who's frustrated that palette extractors destroy saturated colors
- Design schools teaching real color science
Built for Claude Code. Integrates with Figma and Claude Design. Open source.
Every design project starts the same way: I'd collect references, screenshots, mood boards. Hundreds of them. But once I had them, they were just images. I couldn't extract the colors for my design system. The palette tools would destroy all the vibrant reds and teals. The type was impossible to identify systematically.
So I'd recreate palettes by hand, squint at screenshots to guess typefaces, rebuild components from memory. Hours of manual work.
The root cause: every palette extractor uses RGB clustering. It averages colors in linear RGB space, which is not how humans perceive color. A vivid red gets averaged down to brown. A teal disappears into the background.
I switched the algorithm to CIE LAB color space (perceptually uniform) + k-means clustering + saturation weighting. Now the tool actually sees colors the way I do. 71% better at capturing reds alone.
Tearsheet is the result: drop in your references, extract colors/typography/UI patterns, export to Figma or use to bootstrap your design system. Runs locally, stays private, integrates with Claude Code.
It's free and open source because design systems should be built on real color science, not RGB approximations.
I'm here to answer questions about the color space deep dive, the k-means++ algorithm, design systems workflows, or why this matters. Ask away!
About Tearsheet on Product Hunt
“Extract design palettes that actually match what you see”
Tearsheet was submitted on Product Hunt and earned 1 upvotes and 2 comments, placing #157 on the daily leaderboard. A local design reference gallery for images and video. Claude Code catalogs each one, extracts its color palette, and can scaffold the mood, typography, and UI patterns straight into a new Figma file or Claude Design project. - jeanpaulbondy-la/tearsheet
Tearsheet was featured in Design Tools (262.8k followers), Typography (19.3k followers), GitHub (41.4k followers) and UX Design (7.1k followers) on Product Hunt. Together, these topics include over 75.5k products, making this a competitive space to launch in.
Who hunted Tearsheet?
Tearsheet was hunted by Jean-Paul Bondy. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Tearsheet stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Jean-Paul Bondy