Show HN: I've made a Figma plugin that converts design to HTML with TailwindCSS

Re:Show HN: I've made a Figma plugin that converts design to... by tsejerome97 on Monday December 20, 2021 @09:09PM (#29632993)

This is quite nice. The problem I usually see with Figma converting to HTML plugins is that, there are too many nested divs! This might not be friendly for weak devices and is not that SEO friendly. If you are trying to solve this problem, it would be awesome!

[ Parent | on HN ]

Re:Show HN: I've made a Figma plugin that converts design to... by ImpressiveWebs on Tuesday December 21, 2021 @12:58AM (#29634435)

The nested divs themselves would not affect SEO. The problem may be caused by divs being used in place of proper semantic tags, which may have an effect. But even then, the affect would be minimal. And I’m not sure what you mean by certain “weak devices” being affected. I’ve been writing and blogging about HTML for 15 years and have never heard of that.

[ Parent | on HN ]

Re:Show HN: I've made a Figma plugin that converts design to... by john-doe on Tuesday December 21, 2021 @07:29AM (#29636734)

The problem is not divitis but the lack of semantic elements. For example, this would be a correct way to markup the quote in the screenshot: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ci...

[ Parent | on HN ]

Re:Show HN: I've made a Figma plugin that converts design to... by candylifter on Tuesday December 21, 2021 @03:06AM (#29635102)

Thanks! Maybe one day as an optimization step. Right now focus is to generate code that is closest to the design as possible.

[ Parent | on HN ]