Comments (6)
steve8708
commented on May 10, 2024
1
perfect - this is what I needed to test out, thanks @viljamis !
from figma-html.
leahprin
commented on May 10, 2024
1
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...
from figma-html.
steve8708
commented on May 10, 2024
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?
from figma-html.
arielsalminen
commented on May 10, 2024
@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/
from figma-html.
gordonnl
commented on May 10, 2024
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.
from figma-html.
timomayer
commented on May 10, 2024
i am also interested in web components support :)
from figma-html.
Related Issues (20)
- https://
- Doesn't work across three different browsers HOT 1
- Just positive feedback HOT 1
- Error with copy HOT 7
- Auto Layout Error HOT 4
- TypeError - on site import HOT 10
- Launched locally and it does not generate code or json HOT 1
- Unable to Upload JSON in Figma Desktop app for mac HOT 3
- Menus always render opened HOT 1
- Imported text didn't maintain the different font weights
- does not importing any images HOT 2
- JSON not generated from Google Chrome Extension HOT 2
- Import .json file - Gets placed in a random position instead next to the selected frame I am working on HOT 1
- Import JSON button not working HOT 1
- Does not import any images, nor canvases behind auth walls HOT 1
- When importing JSON Files, Layers not structured in Frames
- Exceeded Current Qouta HOT 1
- TypeError: failed to fetch
- Browser extensions generate incorrect file format HOT 1
- An invalid image or thumbnail was removed
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from figma-html.