Figmimic

I’m excited to share Figmimic, a bookmarklet that lets you copy any website or webapp into Figma in an editable state. The pasted result preserves nesting in Figma’s native format. If you’ve ever wanted to edit a design of an experience that’s already shipped but hasn’t been wireframed before, Figmimic can get you started. Here’s a video of Figmimic in action: How to use Figmimic: install the bookmarklet, click the bookmarklet to copy any page, and paste the copied result into Figma. Most product teams have experienced this problem: someone ships a user interface, and then a designer wants to update it in Figma. In a pinch, the designer will copy/paste a screenshot of the existing experience into Figma and then graft vector edits on top of the static image. That’s fine for quickly communicating a design change, but the more you need to edit something in the screenshot, the deeper the hole you dig for yourself. Figmimic skips the screenshot: when you import a screen, it serializes the…