About

Designer / Design Engineer, coding my mind

Badges

Tastemaker
Tastemaker
Gone streaking
Gone streaking

Maker History

Forums

•

15d ago

Design Toolkit: copy any section as code - Copy a section as code for AI, plus colors from images

Two new things. Copy a section: select any part of a page and copy it as Tailwind, HTML, React, Vue or Elementor, then paste it into your AI tool so it gets real values, not a screenshot to guess from. The export is drawn next to the original and measured, so it reports a match (95% on a real button), not perfection. Colors from an image: copy a palette for Figma, CSS variables, Tailwind or JSON. No account; inspected pages stay in your browser. One section at a time, not whole sites.
•

2mo ago

Design Toolkit - Inspect, measure and copy any web design in one click

A browser extension for designers and developers. Hover any element for sizes, spacing, fonts and colors, measure exact gaps, export CSS, Tailwind or React, check contrast, preview phone and desktop together, and copy any animation as an AI brief. It has no access to a site until you click its icon, with no account and no tracking. Free for 7 days, then one payment.
View more