uiClone

Clone any website's design system - Extract colors, fonts, components and export to Markdown or JSON to feed your AI assistant.

Clone any website's design system in seconds — Built for AI-powered workflows. uiClone is the ultimate Chrome extension for designers and developers who want to instantly extract and reuse design patterns from any website. Supercharge your workflow and save hours of manual work. Key Features: 🎨 Color Palette Extraction: Automatically capture every color used on a page — text, backgrounds, borders, and gradients. Get a complete palette ready to use in your design system. ✍️ Typography Analysis: Discover all fonts and font sizes used across the site. Never waste time identifying typefaces or sizing manually again. 🔘 Button & Component Styles: Extract complete button specifications including border-radius, padding, colors, hover states, and more. Perfect for building consistent UI components. 🌑 Shadow & Effects: Capture all box-shadows and visual effects to recreate that polished, professional look in your own designs. 📐 Spacing System: Identify the spacing scale used for margins and padding. Understand the design rhythm at a glance. 🔎 Inspect Elements Tool: Quickly identify colors, spacing, layout, typography, border and effects of any elements displayed on the webpage. 📤 AI-Ready Export Export everything as beautifully formatted Markdown or structured JSON — perfect for feeding into Claude, ChatGPT, or any AI assistant to generate matching designs. Perfect for: 🎯 Designers building design systems 💻 Developers implementing pixel-perfect UIs 🤖 AI-powered design workflows 🚀 Rapid prototyping and MVP development 📚 Creating style guides and documentation How it works: Navigate to any website Click the uiClone extension icon Choose your export format (JSON or Markdown) Click "Extract Styles" Download your ready-to-use design system Why uiClone? Unlike traditional inspect tools that show one element at a time, uiClone gives you the complete picture instantly. It's specifically designed to create AI-friendly outputs, making it perfect for modern design workflows where you collaborate with AI tools. No more manual note-taking. No more guessing. Just instant, accurate design system extraction. Privacy First: All extraction happens locally in your browser. No data is sent to external servers. Your browsing activity stays private.