figma-html icon indicating copy to clipboard operation
figma-html copied to clipboard

Support for Web Components?

Open keanja opened this issue 5 years ago • 6 comments

Such a great feature, but it doesn't work with Web Components. It is possible to implement this?Would be so great! Kind regards, Keanja

keanja avatar Oct 29 '19 14:10 keanja

Ah I wonder if this is because they are using Shadow DOM, @keanja can you link me to the page you are importing where webcomponents aren't being pulled in right so I can look deeper?

steve8708 avatar Oct 29 '19 14:10 steve8708

@steve8708 I can give one example since we have quite many in our design system docs. here’s one of them that renders fine in browser (even when JavaScript is disabled), but doesn’t really give you much when run through html-to-figma (except blank page with a few texts). We’re using shadow dom indeed for some of the things: https://www.duetds.com/templates/examples/ssr-localtapiola-template/

arielsalminen avatar Mar 25 '20 11:03 arielsalminen

perfect - this is what I needed to test out, thanks @viljamis !

steve8708 avatar Mar 26 '20 00:03 steve8708

I noticed that example page is no longer existing, here is another within the same component system https://www.duetds.com/templates/examples/grid-example-template/

I also would love to see web components supported, do we have any more idea into the issues they present?

Without understanding how the library functions, I would assume issues may include parsing/walking the dom and scoped css.

gordonnl avatar Feb 10 '21 17:02 gordonnl

I would also love this! We have a bunch of vue components that we would love to import into Figma to get our design system up and running within Figma. Following this topic...

leahprin avatar Feb 24 '21 07:02 leahprin

i am also interested in web components support :)

timomayer avatar May 26 '21 09:05 timomayer