Capture the
Design Intelligence v3.
Core extraction & export are 100% Free. API key only needed for semantic renaming.
⚠️ Bookmarklet Note: Works on most sites. Twitter, Facebook, and other social platforms block bookmarklets due to security policies. Use the main URL input above for these sites.
Technical
Workflow.
Handoff assets in seconds, not hours.
Scan & Harvest
Paste any URL. Our engine crawls the production DOM to find every image, color hex, and font family instantly.
Reskin & Refine
Use the 'Reskin' hub to preview brand swaps or 'AI Refine' to semantically rename files and structure your config.
Export & Deploy
Download a ZIP of optimized assets, a Tailwind config, or Figma tokens. Copy-paste directly into your repo.
Lottie & Animation Discovery
Extract high-quality Lottie JSON files and Framer Motion resources directly from any production site. Perfect for UI/UX motion study.
Structural Component Capture
Capture full DOM structures like hero sections, navbars, and cards. Includes computed styles and structural layout for rapid prototyping.
AI Design Intelligence
Leverage Gemini 2.0 to semantically refine your design tokens. Auto-name colors and fonts based on professional design systems.
Capture everything.
Behind any firewall.
Unlike server-side scrappers, the **Deep Harvest [v2.6]** bookmarklet runs inside your active session. This means you can extract assets from private dashboards, staging environments, and PWAs that other tools can't reach.