←

Dissect

Turn live competitor products into production-ready Figma design systems

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

Product design teams waste hundreds of hours manually recreating competitor user flows, UI components, and state variants just to run UX audits and redesign sprints.

Dissect is an automated competitive UX intelligence workspace that captures any live authenticated web application and decomposes it into clean auto-layout Figma layers, extracted design tokens, and interactive flow maps. By synchronizing live competitor UI changes directly to your design system, teams compress weeks of research and benchmarking into minutes. Design leads and growth teams can instantly audit, prototype, and ship verified interface patterns without starting from scratch.

Dissect establishes the continuous competitive intelligence layer for modern product teams.

COMMENTS — Community Discussion
Loading comments...
dissect.dest.page
#Design#DevTools#Growth#Ops
Problem
  • When I run competitive UX benchmarks, I want to deconstruct live user journeys, but taking static screenshots and redrawing components in Figma costs $3k+ in wasted designer hours per audit.
  • Why Now: Modern web apps run on complex dynamic frameworks and tokenized design systems, making traditional screenshot-based benchmarking completely obsolete for high-velocity teams.
  • When I onboard new client redesign projects, I want to import their existing production web app as editable vector components, but developers take 3 weeks to export assets and design files are often missing.
  • When I track competitor feature launches, I want to see how their layout architecture changes over time, but visual comparison requires tedious manual diffing across hundreds of screenshots.
  • Existing Alternatives: Manual screenshot clipping in Figma, developer inspect-element copy-pasting, open-source bookmarklets that produce broken vector messes, and fragmented screenshot repositories like Mobbin.
Solution
  • High-Level Concept: Dissect is the Figma-native reverse engineering and competitive intelligence workspace for product designers and growth leaders.
  • One-click browser extension that captures authenticated, dynamic web views and converts them into native Figma auto-layout frames with semantic naming.
  • Automated design token engine that extracts colors, spacing scales, and typography hierarchies directly into native Figma variables and design styles.
  • Continuous competitor monitor that alerts design teams to live UI changes, new user flows, and paywall experiments with side-by-side component diffing.
Distribution
  • Early Adopters: Lead Product Designers and Growth Leads at Series A-C SaaS companies and fast-paced digital design agencies.
  • Direct Figma Community Plugin distribution featuring weekly curated teardowns of top SaaS apps (e.g., Stripe, Linear, Notion) ready to inspect.
  • Curated weekly newsletter and public database covering micro-interactions and onboarding flow teardowns targeting 25k+ ProductHunt and design leaders.
Pricing
  • Value Ladder: Free Tier (5 page captures/mo)
  • Pro ($39/mo/seat for unlimited captures and token export)
  • Team ($149/mo for 5 seats, continuous tracking, and shared team libraries).
  • One Metric That Matters: Number of editable component layers synced to Figma per active team per week.
  • Market Sizing: 120k product squads and agencies spending $1.8k/year = $216M SAM; capturing 1.5% in Year 1 targets $3.2M ARR.
Scale Costs
  • Headless browser infrastructure fleet with anti-detection and state retention handling hundreds of thousands of concurrent DOM snapshots.
  • Proprietary vector conversion and Figma Plugin API streaming pipeline to prevent UI freeze on high-density 10k-node pages.
Expert Opinions
Avg: 9.2
  • VP of Product Design at Tier 1 Enterprise SaaS ($200M+ ARR)
    9.4
  • Founding Partner at Leading Product Studio
    9.2
  • Principal Design Technologist & Design Systems Lead
    8.9
CommunityHackerNews ↗
RELATED IDEAS