中文
~/home / Design Tools / ProductHunt
ProductHunt · Design Tools

Tearsheet

Tearsheet is a design AI agent for Quickly extract color schemes and UI patterns from reference visuals and import them into Figma. Pricing: Free + $12/month. As of 2026-09-11, KanonAgent records 1 upvotes. First indexed by KanonAgent on 2026-09-11.
Tearsheet extracts accurate color palettes and UI patterns from images or videos and imports them directly into Figma.
1 upvotes
Tracked by Kanon since Sep 11, 2026
no signal yet
status
11/100
momentum · conf 0.48
1d
tracked since 2026-09-11
2
evidence records

No signal event on file yet — status is unknown, not "quiet".

📈 Timelinewhat changed, and when
🔎 Known / Unknown 13 of 23 fields unknown
Machine-callable unknown
Open source unknown
Self-hostable1 inferred
Bring your own key unknown
Autonomy level unknown
Pricing model unknown
Integrationsfigma inferred 1 quote(s)

“Unknown” means we have not verified it — it is not a “no”. Hard filters never treat unknown as false.

🤖 Agent teardown · design
Job to be doneQuickly extract color schemes and UI patterns from reference visuals and import them into Figma.
Who it is forDesigners and product teams
Prerequisitesself-hostable
Integrationsfigma
PricingFree + $12/month
Traction · why it is rising1 vote on Product Hunt
Why it matters

It streamlines the design inspiration and implementation workflow using Claude and Figma integration.

Evidence quotesverbatim, from the product’s own materials

“A local design reference gallery”— description
“scaffold the mood, typography, and UI patterns straight into a new Figma file”— description
Design Tools
Signal source: ProductHunt
View on ProductHunt →
📛 Official badgefor your site / README
Tearsheet badge
Building Tearsheet? Pick a style above — the embed code updates live. Deep color control via URL params: bg= / fg= / accent= (hex). It links back to this page.
Share on X
On mobile tap Share for WeChat / RED (Xiaohongshu) / X; on desktop use Copy text and paste into the app.

FAQ

What is Tearsheet?

Tearsheet extracts accurate color palettes and UI patterns from images or videos and imports them directly into Figma.

What does Tearsheet do?

Quickly extract color schemes and UI patterns from reference visuals and import them into Figma.

Why does Tearsheet matter?

It streamlines the design inspiration and implementation workflow using Claude and Figma integration.

How much does Tearsheet cost?

Free + $12/month

Is Tearsheet free?

Yes — Tearsheet has a free tier. Pricing as stated on its own page: Free + $12/month

Can I self-host Tearsheet?

Yes — Tearsheet can be self-hosted.

What does Tearsheet integrate with?

figma

How popular is Tearsheet?

As tracked by KanonAgent: 1 upvotes (first indexed 2026-09-11).

What are the best Tearsheet alternatives?

Similar AI agents tracked by KanonAgent: Speel.co, crewAI, Stealth Venture, Sleek, RenderLab, ai comic factory.

Tearsheet alternatives — similar AI agents

Speel.cocrewAIStealth VentureSleekRenderLabai comic factory

Where this fits — browse the same shelf

AI Design AgentsAI agents that work with FigmaSelf-hosted & open-source AI agents