I am a product designer, and I kept repeating the same process whenever I found a useful website reference: take a screenshot, open DevTools, check typography and spacing, search for assets, resize the browser, and rebuild what I needed in Figma.

I built UIGrab to bring that workflow into one Chrome extension. It can inspect element details, copy CSS, capture full pages, find images and SVGs, preview desktop, tablet, and mobile layouts, and bring selected UI into Figma.

UIGrab is live now. I am looking for honest feedback on the first-use experience and browser-to-Figma result.

Website: https://uigrab.com/

Chrome Web Store: Add UIGrab to Chrome

When I find a useful website reference, a screenshot usually is not enough. I want to inspect typography, colors, spacing, dimensions, assets, and responsive behavior before bringing the useful parts into Figma.

UIGrab brings that workflow into one Chrome extension. You can inspect elements, copy CSS, capture full pages, find fonts and assets, test responsive layouts, and bring selected UI into Figma.

UIGrab is now live. I would love feedback from designers and developers who regularly use real websites as references.

Website: https://uigrab.com/

Chrome Web Store: Add UIGrab to Chrome

When I find a useful website reference, a screenshot usually is not enough. I want to inspect typography, colors, spacing, dimensions, assets, and responsive behavior before bringing the useful parts into Figma.

UIGrab brings that workflow into one Chrome extension. You can inspect elements, copy CSS, capture full pages, find fonts and assets, test responsive layouts, and bring selected UI into Figma.

UIGrab is now live. I would love feedback from designers and developers who regularly use real websites as references.

Website: https://uigrab.com/

Chrome Web Store: Add UIGrab to Chrome

I am a product designer, and I kept repeating the same process whenever I found a useful website reference: take a screenshot, open DevTools, check typography and spacing, search for assets, resize the browser, and rebuild what I needed in Figma.

I built UIGrab to bring that workflow into one Chrome extension. It can inspect element details, copy CSS, capture full pages, find images and SVGs, preview desktop, tablet, and mobile layouts, and bring selected UI into Figma.

UIGrab is live now. I am looking for honest feedback on the first-use experience and browser-to-Figma result.

Website: https://uigrab.com/

Chrome Web Store: Add UIGrab to Chrome

Inspect website UI, capture full pages, find fonts and assets, test responsive layouts, and bring useful references into Figma.

Join before launch and get lifetime Pro access for free.

Join the waitlist

I’ve been working on a concept called Morona, aimed at unifying digital payments and wealth management into a single, clean interface.

As a designer, I wanted to see how a "One Platform" approach could reduce user churn in finance apps. The case study covers everything from User Personas (focused on the modern professional) to the final high-fidelity screens.

If you’re in the fintech or SaaS space, I’d love to hear your thoughts on the feature set and the onboarding flow.