01
Inspect
Click any element to see its font, color, spacing, size, radius and other UI details.
FontSpace Grotesk
Size16 / 24
Weight500
Color#F7F2E4
Spacing16px
Dimensions211 × 48
Radius12px
Chrome extension for designers & developers
Grab the UI you see.
Build from what inspires you.
UIGrab is a Chrome extension for designers and developers to inspect any website, capture UI, find fonts and assets, test responsive layouts, and bring what you need into Figma.
7-day free trial · One payment · No subscription
meridian.studio
Meridian*Architecture Studio
Get startedCopenhagen · Est. 2011
Spaces that breathe.
We design houses, pavilions and public spaces shaped by light, landscape and the people who use them.
211 × 48Explore projectsFjordhus · 2024
140+ built works18 countries26 design awardsIn-house material lab
Dune House
Private residence · Jutland
Kalk Pavilion
Public space · Aarhus
Nord Atelier
Workspace · Copenhagen
UIGrabbetaInspectAssetsViewports
Explore projects
ButtonFontSpace Grotesk
Weight500
Size16px / 24px
Color#F7F2E4
Spacing16px
Radius12px
Dimensions211 × 48
Copy CSSTo Figma
ReadyChrome · Beta
How it works
From any website to usable UI.
Inspect the page you're already looking at. Check fonts, spacing, colors and dimensions, capture what you need, then take it into Figma.
Click any element to read its type, spacing, color and dimensions.
meridian.studio
Meridian*Architecture Studio
Get startedCopenhagen · Est. 2011
Spaces that breathe.
We design houses, pavilions and public spaces shaped by light, landscape and the people who use them.
211 × 48Explore projectsFjordhus · 2024
140+ built works18 countries26 design awardsIn-house material lab
Dune House
Private residence · Jutland
Kalk Pavilion
Public space · Aarhus
Nord Atelier
Workspace · Copenhagen
Try selecting:
UIGrabbetaInspectAssetsViewports
Explore projects
ButtonFontSpace Grotesk
Weight500
Size16px / 24px
Color#F7F2E4
Spacing16px
Radius12px
Dimensions211 × 48
Copy CSSTo Figma
ReadyChrome · Beta
Features
Everything you need to understand a UI.
02
Full Screen
Capture the full page in one go, not just what is visible on screen.
03
Responsive View
Preview the same website across desktop, tablet and mobile sizes.
1440
768
390
04
Assets
Find images, SVGs, icons and logos already used on the page.
hero-forest.jpg1920×1080
logo-mark.svgvector
arrow-icon.svgvector
Meridian*
meridian-word.svgvector05
Typography
See the exact font, size, weight, line height and color used on any text.
Aa
Space Grotesk
400 / 500 / 600
Grab the UI you see.48 / 56
Grab the UI you see.24 / 32
Grab the UI you see.16 / 24
06
Figma
Bring captured UI into Figma and keep designing without rebuilding it from scratch.
Website
UIGrab
Inspect
Figma
Frame 1
Figma
Figma workflow
From browser to Figma.
Capture UI from any website and bring it into Figma, ready to use as a reference or continue working from.
meridian.studio
Meridian*Architecture Studio
Get startedCopenhagen · Est. 2011
Spaces that breathe.
We design houses, pavilions and public spaces shaped by light, landscape and the people who use them.
Explore projectsFjordhus · 2024
140+ built works18 countries26 design awardsIn-house material lab
Any website you are looking at
Capture
UIGrabbetaInspectAssetsViewports
Explore projects
ButtonFontSpace Grotesk
Weight500
Size16px / 24px
Color#F7F2E4
Spacing16px
Radius12px
Dimensions211 × 48
Copy CSSTo Figma
Sent to FigmaChrome · Beta
UIGrab reads the details
Paste
Page 1100%
Layers
Hero / meridian
Button / CTA
Label
Nav / top
Button / CTAExplore projects
Design
W211
H48
X64
Y352
1B1813
Ready to edit in your Figma file
Responsive view
See the UI at every screen size.
Preview any website across desktop, tablet and mobile without leaving the page. Switch between viewports and see how the layout responds.
Viewport
1440 × 900pxMeridian*Architecture Studio
Get startedCopenhagen · Est. 2011
Spaces that breathe.
We design houses, pavilions and public spaces shaped by light, landscape and the people who use them.
Explore projectsFjordhus · 2024
140+ built works18 countries26 design awardsIn-house material lab
Switch viewports and watch the page respond in real time.
Typography
Know exactly what you're looking at.
Click any text to see the font family, weight, size, line height and color. No guessing and no digging through CSS.
Aa
Space Grotesk
Grotesque sans · 4 styles · variable
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789
Regular400
Medium500
SemiBold600
Grab it16
Grab it18
Grab it24
Grab it32
Grab it48
UIGrabbetaInspectAssetsViewports
Aa: Display
HeadingFontSpace Grotesk
Weight500
Size180px / 162px
Color#F7F2E4
Spacing0px
Radius0px
Dimensions240 × 162
Copy CSSTo Figma
ReadyChrome · Beta
Every type detail, right where you need it.
Assets
Find and grab website assets.
See the images, SVGs, icons and logos used on a page without digging through source code.
Assets: meridian.studio24 found
Download allhero-forest.jpgJPG1920 × 1080
dune-house-01.jpgJPG1600 × 1200
kalk-pavilion.jpgJPG1600 × 1200
nord-atelier.jpgJPG1400 × 1050
facade-detail.jpgJPG1200 × 900
og-cover.pngPNG1200 × 630
Only assets already present on the page are listed.06 / 24
Workflow
01
Find
Open a website you want to study.
02
Inspect
Click any element to understand how it is designed.
03
Grab
Capture what you need and bring it into your workflow.
Use cases
Built for people who live in the browser.
Product designers
Study real interfaces, compare responsive layouts and save useful patterns for your next product.
UI designers
Inspect typography, spacing, colors and components from websites that catch your eye.
Developers
Check dimensions, styles and layout details before writing your CSS.
AI / no-code builders
Give your builds better visual references instead of designing everything from a blank canvas.
Chrome Web Store release coming soon. Installation will be available here when the listing is published.
Simple ownership
Try it free. Keep Pro forever.
Try every UIGrab feature free for 7 days. If it's useful, upgrade once and keep Pro permanently.
Free trial
Everything unlocked for 7 days.
$0for 7 days
- Full UIGrab access for 7 days
- Inspect and edit live websites
- Capture and paste into Figma
- Responsive, fonts and assets tools
UIGrab Pro
40% offOne-time
Pay once and keep every current UIGrab feature.
$20$12limited-time launch price
- Permanent Pro access
- All current UIGrab tools
- License key for purchase restore
- No monthly or annual renewal
Secure one-time checkout powered by Dodo Payments. No subscription, recurring billing, or automatic renewal.
FAQ
Questions, answered.
Everything you need to know about installing UIGrab, inspecting websites, capturing UI and using it with Figma.
See a UI you love?
Grab it.
Turn inspiration into something you can actually work with.
7-day free trial · One-time Pro purchase