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).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
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.
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
On the analytics side, Tearsheet competes within Design Tools, Typography, GitHub and UX Design — topics that collectively have 330.5k followers on Product Hunt. The dashboard above tracks how Tearsheet performed against the three products that launched closest to it on the same day.
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.
For a complete overview of Tearsheet including community comment highlights and product details, visit the product overview.
Jean-Paul Bondy