Figmimic – A bookmarklet to copy any webpage into Figma as editable layers(marcua.net)
94 pointsby speckx15 hours ago9 comments
  • burner4200427 hours ago
    I use bookmarklets for a number of simple things.

    My most used is to copy text where the formatting has been stripped, the bookmarklet prepends formatting instructions, and then I paste the whole thing into claude which sorts the formatting.

    Me thinks I've underestimated what can be done with these.

    • hahajk6 hours ago
      Absolutely. If your account has access to the data, you can basically rewrite a website using a bookmarklet.

      I wanted a friends feed in eBird (its social model is inscrutable) and ask Claude to make a bookmarklet that showed the most recent lists of my friends sorted chronologically. One shot and done.

      Our internal corporate CRM is siloed data queries spread across overlapping views. I have a bookmarklet overlay my own interface on top and fetch data using the existing session token. (which is transparent/automatic - your browser just hangs on to the session cookies for the fetch calls)

    • robby_w_g6 hours ago
      Bookmarklets were definitely more powerful than I anticipated, but they’re tricky to version and upgrade. I’ve deployed a bookmarklet for non-technical users to some success, but I’d generally lean towards browser extensions for anything that needs to be maintained and distributed long-term.
  • johnhtodd4 hours ago
    Works sporadically - some sites just have no "copied to clipboard" even after a 3-4 minute delay. However, works enough that it's quite useful to have in the inventory of tools - thanks, random internet link!
  • noobplus7 hours ago
    The authenticated-page support is what caught my attention. Being able to grab an internal dashboard or admin UI and get editable Figma layers from it could save quite a bit of tedious recreation work.
    • dataviz10005 hours ago
      That is a good way to get sued for breach of contract. Have you ever read the contract you had to click agree to in order to get access to the internal dashboard? Most likely you agreed to not do what this product does.

      It is also a very easy win for a company to just focus on the one stolen element or component in a lawsuit to knock competition out of the space and has happened multiple times.

      • ffsm84 hours ago
        Fwiw, you may be misunderstanding them.

        In large corps you usually have separate teams for the UX design to the frontend devs and the people specifying the features.

        In such a scenario the UX designer can utilize such a bookmarklet to get a quick copy of the existing dashboard into figma to then iterate on the UX and try out different approaches for that specified feature.

        This scenario would not be in violation of any terms and it's unclear what noobplus was actually thinking of

  • bhasma3 hours ago
    This bookmarklet is not working in any of the pages other than figmimic page getting the following console error, tsp.bundle.js:1 Connecting to 'https://mcp.figma.com/mcp/html-to-design/capture.js' violates the following Content Security Policy directive
  • bhasma3 hours ago
    Getting the console error tsp.bundle.js:1 Connecting to 'https://mcp.figma.com/mcp/html-to-design/capture.js' violates the following Content Security Policy directive
  • Uptrenda7 hours ago
    Not much to add here but wanted to say I very much support having more people show video demos when they do show hn.
  • ggangsir6 hours ago
    This is cool. How do you implemment it?
  • scottchiefbaker7 hours ago
    [dead]