Powered by AI • v2.0 Now Available

Extract Complete Design Systems From Any Website

Analyze colors, typography, components, accessibility, and more with AI-powered insights. The ultimate tool for designers and developers.

Start Analyzing Free
50K+
Websites Analyzed
100+
Design Tokens
99.9%
Accuracy Rate
<3s
Analysis Time
api.uixray.io/analyze
</> Request
{ "url": "https://stripe.com", "viewports": ["desktop"], "includeScreenshots": true }
Extracted Design Tokens
Colors
Fonts
Inter, System
Radius
4px8px12px
Components
12 detected
Features

Everything You Need to Analyze Any Design

From basic design tokens to AI-powered insights, UiXray extracts over 100+ data points from any website.

Colors & Gradients

Extract full color palettes including primary, secondary, accent colors, and CSS gradients.

Typography

Complete type scale with font families, sizes, weights, line heights, and letter spacing.

Spacing & Layout

Container widths, padding, section gaps, border radius values, and box shadows.

Components

Detect buttons, forms, cards, navigation patterns, and other UI components.

Responsive Analysis

Multi-viewport analysis for mobile, tablet, and desktop with breakpoint detection.

Accessibility Audit

Check alt text coverage, ARIA labels, focus styles, and color contrast ratios.

Advanced Analysis Features

Design Comparison
Quality Scoring
AI Suggestions
i18n Readiness
Performance Impact
Browser Compat
How It Works

From URL to Design System in Seconds

01

Enter URL

Paste the URL of any website you want to analyze.

02

AI Analysis

Our engine extracts design tokens and components.

03

Get Results

Receive a comprehensive JSON report instantly.

04

Build Faster

Use the design system to replicate or audit designs.

Testimonials

Loved by Designers & Developers

UiXray saved us hours of reverse-engineering competitor designs. The AI suggestions are incredibly accurate.

SC
Sarah Chen
Design Lead at TechCorp

The accessibility audit caught issues we'd missed for months. Now it's part of our standard workflow.

MJ
Marcus Johnson
Frontend Developer

Being able to compare design iterations and get a similarity score is a game-changer for our agency.

EW
Emma Williams
Creative Director
API Reference

Powerful REST API

Base URL: http://localhost:3000

POST/analyzeFull design extraction
ParameterTypeReqDescription
urlstringURL to analyze
viewportsarray["mobile", "tablet", "desktop"]
includeScreenshotsbooleanInclude base64 screenshots
waitForSelectorstringCSS selector to wait for
Request
{ "url": "https://stripe.com", "viewports": ["desktop"] }
Response
{ "success": true, "designTokens": { "colors": {...}, "typography": {...} }, "components": {...} }
400 INVALID_URL504 TIMEOUT403 BLOCKED404 NOT_FOUND502 SSL_ERROR500 PARSE_ERROR
Pricing

Simple, Transparent Pricing

Start free and scale as you grow. No hidden fees.

Free

Perfect for trying out UiXray

$0/month
Start Free
  • 50 analyses per month
  • Basic design tokens
  • Color & typography extraction
  • Single viewport analysis
  • JSON export
Most Popular

Pro

For designers and small teams

$29/month
Get Started
  • 500 analyses per month
  • All design tokens
  • Multi-viewport analysis
  • Component detection
  • AI-powered suggestions
  • Design comparison
  • Priority support

Enterprise

For agencies and large teams

Custom
Contact Sales
  • Unlimited analyses
  • All Pro features
  • Brand audit tools
  • Custom integrations
  • SSO & team management
  • Dedicated support

Ready to X-Ray Your Next Design?

Join thousands of designers and developers who use UiXray to extract, analyze, and improve their web designs.

Start Analyzing FreeView Documentation
A
B
C
D
E
10K+ users
4.9/5 rating