Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Html node name from figma node name #61

Open
bevrard opened this issue Jun 29, 2022 · 3 comments
Open

Html node name from figma node name #61

bevrard opened this issue Jun 29, 2022 · 3 comments

Comments

@bevrard
Copy link

bevrard commented Jun 29, 2022

Currently there is an option to get the name of the figma node as a class name.

Would it be possible to have a similar option to directly have a custom html node name?
In that case, we would be able to directly use your html as our Angular template file.

Thanks in advance for your answer.

Benjamin

@bernaferrari
Copy link
Owner

Could you give an example?
Like, for node with name 'node1', you want the output to have className: 'node1' ?

@bevrard
Copy link
Author

bevrard commented Jun 30, 2022

figmaToHtml
figmaToHtml2

It would be even more powerful if in a figma node name like this "label.superclass" could be export in html like this <label class="superclass" ...>

@andyjamesn
Copy link

I'd like to revive this feature request. I was testing the plugin and noticed all text is exported as a div when they should be paragraphs meaning everything needs to be manually updated.

The Figma to Webflow plugin solves this by allowing you to mark elements as a dom node. The node type allowed is based on whether a text node or layout element is selected in Figma.

All it is really doing is naming the layers using a preset syntax eg: [H1]--Layer Name which I guess is being used in generating the export code to identify the node type to use.

CleanShot 2023-08-18 at 12 51 21@2x CleanShot 2023-08-18 at 12 51 39@2x

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants