DesignClipboard
Extension Actions
CRX ID
npobfjlphfebpfmdecmpclmhgjghjgok
Status
- Live on Store
Description from extension meta
Extract fonts, colors, spacing, and design tokens from any website with one click. Copy values instantly or export to CSS/JSON
Image from store
Description from store
DesignClipboard extracts the complete design system from any webpage: fonts, colors, spacing, shadows, animations, and more. Stop inspecting elements one by one. Get the full picture instantly.
Features:
- Typography - fonts, sizes, weights, and line heights
- Colors - hex values with contrast ratios
- Spacing - margins, padding, and gaps
- Borders & Shadows - every subtle detail
- CSS Variables - the design tokens sites actually use
- Breakpoints - responsive design values
- Accessibility - contrast issues flagged automatically
Latest reviews
- SteveBikeLifeZA
- Large dataset for UI copy tool is great! I just pasted in V0 and now it generates my website with the exact same styling!
- Steven Knoop
- Very helpful tool for gathering styling ideas!