UIGrab

UIGrab helps designers and developers study and capture the UI on websites they are authorized to access. Open UIGrab on a page and click any element to understand how it is designed. See typography, colors, spacing, dimensions, border radius, and other useful interface details without digging through source code. **What you can do with UIGrab** - Inspect fonts, weights, sizes, line heights, colors, spacing, dimensions, and radius - Copy CSS for selected elements - Capture a full webpage, not only the visible area - Preview responsive layouts at desktop, tablet, and mobile sizes - Find images, SVGs, icons, and logos already present on the page - Bring captured UI into Figma for reference or continued design work - Review document colors and typography in Style Studio **Who UIGrab is for** - Product and UI designers studying real interfaces - Front-end developers checking styles and layout details - AI and no-code builders collecting better visual references - Anyone moving between browser research and Figma **Trial and pricing** Every feature is unlocked for 7 days. UIGrab Pro is available as a one-time purchase. There is no monthly or annual subscription and no automatic renewal. UIGrab is currently in public beta. Browser, website, and third-party platform changes may affect how individual features work. Use UIGrab only on websites and content you are authorized to inspect, edit, capture, or reuse. UIGrab does not transfer ownership of third-party websites or content. Learn more at https://uigrab.com/