search

BuilderIO / figma-html

Builder.io for Figma: AI generation, export to code, import from web
https://www.figma.com/community/plugin/747985167520967365
MIT License
3.17k stars 291 forks source link

Support for Web Components? #17

Open keanja opened 5 years ago

keanja commented 5 years ago

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

steve8708 commented 5 years ago

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?

arielsalminen commented 4 years ago

@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/

steve8708 commented 4 years ago

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

gordonnl commented 3 years ago

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.

leahprin commented 3 years ago

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...

timomayer commented 3 years ago

i am also interested in web components support :)