yeah this is really helpful where I work. I made an extension & a bookmarklet. Sometimes the websites block the bookmarklet due to CORS policy, the extension was made to bypass it.
this was around 4months back & we've been using it daily. Figma recently launched an official one very recently, still no one here has installed it,lol.
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.
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)
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.
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!
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.
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.
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
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
Thank you for trying the bookmarklet and catching this issue. I pushed some fixes that should get around the CSP issue by storing capture.js in the bookmarklet. Let me know how it works for you now (you'll have to reinstall).
Thank you for trying the bookmarklet and catching this issue. I pushed some fixes that should get around the CSP issue by storing capture.js in the bookmarklet. Let me know how it works for you now (you'll have to reinstall).
Thank you! This blog post speaks a bit more to how it works: https://blog.marcua.net/2026/05/05/figmimic. Credit to Figma for capture.js. This bookmarklet just packages/surfaces the library for easy use.
I can hear the sound of the foghorn being trumpeted far away by scammers, impersonators and domain squatters that will take pleasure in cloning legitimate sites and actively scamming people and tricking them.
You can do this way easier by just copying the HTML/CSS and modifying what you need. Going through Figma is entirely unnecessary for making a scam site.
https://www.linkedin.com/posts/hariprasd_i-built-a-simple-ex...
yeah this is really helpful where I work. I made an extension & a bookmarklet. Sometimes the websites block the bookmarklet due to CORS policy, the extension was made to bypass it.
this was around 4months back & we've been using it daily. Figma recently launched an official one very recently, still no one here has installed it,lol.
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.
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)
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.
What makes this different from the official Figma Chrome extension[0], other than that this may be able to run on browsers other than Chrome?
[0] https://www.figma.com/downloads/chrome-extension/
Figma balls!
https://youtu.be/IBA5hPbOw5I
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!
[dead]
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.
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.
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
[dead]
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
(Author here)
Thank you for trying the bookmarklet and catching this issue. I pushed some fixes that should get around the CSP issue by storing capture.js in the bookmarklet. Let me know how it works for you now (you'll have to reinstall).
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
(Author here)
Thank you for trying the bookmarklet and catching this issue. I pushed some fixes that should get around the CSP issue by storing capture.js in the bookmarklet. Let me know how it works for you now (you'll have to reinstall).
This is cool. How do you implemment it?
(Author here)
Thank you! This blog post speaks a bit more to how it works: https://blog.marcua.net/2026/05/05/figmimic. Credit to Figma for capture.js. This bookmarklet just packages/surfaces the library for easy use.
Not much to add here but wanted to say I very much support having more people show video demos when they do show hn.
I can hear the sound of the foghorn being trumpeted far away by scammers, impersonators and domain squatters that will take pleasure in cloning legitimate sites and actively scamming people and tricking them.
The road to hell is paved with good intentions.
You can do this way easier by just copying the HTML/CSS and modifying what you need. Going through Figma is entirely unnecessary for making a scam site.
That’s been happening long, long before even Figma existed.
Exactly. But now done in milliseconds with exact 1:1 pin point accuracy.
[dead]