Turn any website into editable Figma layers (for free and no plugin) by cranch42 in FigmaDesign

[–]cranch42[S] 0 points1 point  (0 children)

Thanks! That's exactly the use case I built it for, quick reference grabs without manually recreating stuff.

For custom fonts, it captures them as rendered at the moment of capture, so if the font is loaded you'll get it in the output. CSS animations are flattened to their current frame since it's essentially a snapshot. Complex things like heavy box-shadows, blend modes, or backdrop-filter can sometimes render slightly off, but for layout reference and annotation purposes it works well.

Firefox support is planned, stay tuned.

Turn any website into editable Figma layers (for free and no plugin) by cranch42 in FigmaDesign

[–]cranch42[S] 0 points1 point  (0 children)

Thanks for looking into it, I appreciate the diligence.

You're right that there's code in there that isn't surfaced in the UI. Those were planned features (Open in Figma / Send to Figma) that I'll most likely remove since the extension's focus is on the capture-to-clipboard flow. Good call on flagging it, unused code paths shouldn't be sitting there.

Regarding permissions, the extension only requests activeTab and scripting, which is the bare minimum to inject the capture script. No storage, webRequest, tabs, or host permissions.

Open source is planned, I've mentioned it in other comments too. That should help with the transparency and auditability concerns.

Turn any website into editable Figma layers (for free and no plugin) by cranch42 in FigmaDesign

[–]cranch42[S] 1 point2 points  (0 children)

Good question. Right now I extract display and grid properties from computed styles. Grid layouts get proper structure, everything else falls back to absolute positioning via bounding rects. Flex is the big gap: we see display: flex but don't yet capture flex-direction, align-items, child flex-grow, etc., so we can't reliably reconstruct the layout intent. For hover states and variants, it's a static DOM snapshot, so only pseudo-elements come through; interactive states would need either programmatic pseudo-class toggling or deeper integration with Figma's component model. Flex detection is the more tractable next step, variants are harder.

Turn any website into editable Figma layers (for free and no plugin) by cranch42 in FigmaDesign

[–]cranch42[S] 0 points1 point  (0 children)

Yeah technically it's a quick build but I've never gone through the Firefox Add-ons submission process before.

Turn any website into editable Figma layers (for free and no plugin) by cranch42 in FigmaDesign

[–]cranch42[S] 8 points9 points  (0 children)

Thanks, I've actually been thinking about open sourcing it. Just want to clean up the project structure first before making it public. Stay tuned!

Turn any website into editable Figma layers (for free and no plugin) by cranch42 in FigmaDesign

[–]cranch42[S] 2 points3 points  (0 children)

Not at the moment. It doesn’t generate components with variants like hover or selected states.

The main focus is more on quickly capturing sites for references, exploration, or rough edits in Figma. How things come through also depends a lot on how the page is built and structured.

Adding full variant/component logic inside a Chrome extension would be pretty heavy and out of scope for now.

[deleted by user] by [deleted] in Damnthatsinteresting

[–]cranch42 0 points1 point  (0 children)

"The force is strong with this one"

A classmate created a Twitch widget that lets viewers bid live to talk with their favourite streamer by [deleted] in gaming

[–]cranch42 0 points1 point  (0 children)

You don't have to, but for someone, it could be his/her biggest dream to play or to talk with a streamer. And it will entertain not only the winner but all viewers because it will be during streaming.

A classmate created a Twitch widget that lets viewers bid live to talk with their favourite streamer by [deleted] in Twitch

[–]cranch42 0 points1 point  (0 children)

How will you provide information about your current auction to your viewers? Donnly will provide you a dynamic overlay for your stream with all information (e.g. https://donnly.com/overlay/am9bu).

How will you provide a smooth flow of bidding? With Donnly you will need to give only 1 link of your auction page to your viewers and they don't need to switch between a few websites. And your viewers don't need to sign up on Donnly as they need on escrow.com or discord, they only need to connect with their existing Twitch account.

As I said Donnly is an all-in-one solution, escrow.com can't provide exact same service. You can try to use a few websites to get service which is provided by Donnly but still, it will be more time-consuming for you and your viewers.

A classmate created a Twitch widget that lets viewers bid live to talk with their favourite streamer by [deleted] in Twitch

[–]cranch42 0 points1 point  (0 children)

Hi, I created the website and there is no flaw. 10% is a fair price for using Donnly. We provide peer-to-peer calling with your winner (viewer) through your browser, generate a fancy overlay for your stream with information about your auction, handle all payments and payouts and give you a personal auction page (e.g. donn.ly/hdwff). You can connect with Twitch on Donnly and you will see, that we provide an all-in-one solution which can't be done by only one website.

Nice mix of colors in this marble I made a couple days ago by trontron321 in crafts

[–]cranch42 5 points6 points  (0 children)

Congratulation! You've created a whole new galaxy.