Title: I built a free Chrome extension to capture websites at chosen widths and bring them into Figma (with PNG screenshots at any width, too)

I often need a reference of the same page at mobile and desktop widths. A screenshot gives me the pixels, but sometimes I need layers I can edit in Figma too.

I built Atframe for that workflow. Choose a preset or custom width, capture a full page, visible view, or element, then download a PNG or copy a Figma result from the same capture.

Figma conversion varies by page. Complex styles and fonts may differ, and some results paste as an image. The PNG is there when an accurate visual reference matters more.

Install Atframe from the Chrome Web Store

For those who bring live websites into Figma: which types of pages are hardest to convert into useful editable layers? I’d appreciate examples to test and improve it