Home AI Hacker News Andersmyrmel/Yoink: Instantly Capture Any Website’s Design Style with One Click

Andersmyrmel/Yoink: Instantly Capture Any Website’s Design Style with One Click

0

Unlock the power of design systems with Yoink! 🚀

Yoink simplifies the process of extracting a website’s design elements into structured YAML, enabling efficient project setups with AI coding assistants like Claude.

Key Features:

  • Easy Extraction: Scan any website, including popular platforms like Stripe and GitHub, with just a click.
  • Inclusive Details: Toggle options to include comprehensive components, from colors and typography to shadows and layouts.
  • 100% Privacy: All processing occurs locally in your browser—no data collection, no analytics.
  • Open Source: Audit the code yourself to ensure transparency.

How it Works:

  1. Install the Yoink extension from the Chrome Web Store.
  2. Scan your desired webpage and copy the YAML output.
  3. Paste the output into Claude and watch your designs come to life!

Join the AI & tech community in streamlining your design processes. Share your thoughts or experiences with Yoink in the comments below! 🔗💬

Source link

NO COMMENTS

Exit mobile version