Download Website X-Ray. Get started in a minute.
Download the extension from this website and install it in Chrome. For users, there is no npm install, build command or developer setup required.
chrome://extensions.![[object Object]](/images/how-to-download.png)
Inspect websites, understand their design system, discover the technology behind them and take useful design elements into your Figma workflow.
Website X-Ray gives designers and developers a keyboard-first way to inspect, understand and capture useful parts of the web.
Download the extension from this website and install it in Chrome. For users, there is no npm install, build command or developer setup required.
chrome://extensions.![[object Object]](/images/how-to-download.png)
Open the website you want to inspect, then launch Website X-Ray from your browser toolbar or keyboard shortcut.
![[object Object]](/images/KeyboardShortCut.png)
Instead of hunting through menus, type what you want to do and jump directly to the command.
Select any visible element and inspect the visual properties that make it work.
Inspect fonts, sizes, weights and spacing or extract the typography used across the page.
![[object Object]](/images/typography.png)
Detect SVGs, icon fonts and popular icon libraries, inspect their structure and copy the actual SVG.
Detect repeated colors, typography, spacing, radius, shadows and components across a page.
![[object Object]](/images/design-system.png)
Save useful UI components with their visual and technical information.
Save websites, screenshots, selected UI, notes and tags so useful references don't disappear into browser history.
![[object Object]](/images/inspiration.png)
Copy useful colors, typography, design tokens and SVG icons into your design workflow.
Inspect titles, descriptions, headings, links, images, canonical URLs, Open Graph, structured data and other search signals.
![[object Object]](/images/seo.png)
Review technical signals that help machines understand a website and its content.
Website X-Ray reports technical signals. It does not claim whether ChatGPT, Claude, Gemini or another AI system will recommend a website.
![[object Object]](/images/ai-discoverability.png)
Detect frameworks, platforms, libraries, analytics and infrastructure signals using multiple detection methods.
Check alternative text, form labels, button names, heading hierarchy, ARIA, language and semantic HTML.
![[object Object]](/images/accessibility.png)
Copy or export the information you discover while inspecting a website.
![[object Object]](/images/reports.png)
Everything you save is organized into your local Website X-Ray libraries so your research remains useful later.
![[object Object]](/images/libraries.png)
Website X-Ray is built for designers and developers who want a faster way to understand and use the web. If you find it useful, there are a few simple ways you can support the project.
Show support and help
the project grow.
Found a bug?
Let us know.
Have an idea?
Share it with us.
Fix bugs or help
build new features.