Skip to content

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

Comments

Nice work in that the output looks pretty close and it's super convenient to open it in CodeSandbox. Unfortunately it still has the same issue as all other plugins that try to do this in that the code is nothing like how it would be written by a developer and isn't responsive.

Anyone reading this whose looking for the holy grail solution of Figma to code that's written like a developer wrote it, I'm working on this (should be ready soon!) and would love to talk to you - please email me on emile@pygma.app (note that the current public version isn't very good and suffers from the same problems as all the others).

It is responsive as long as you use auto layout. Every other code generation plugin in Figma community is either paid or doesn't work anymore. I've tried Pygma and I just couldn't get it to work, it crashes when I'm trying to use it.

Also, in contrast to Pygma, you don't need an account to generate code :)

I'm still getting absolute position output with auto-layout - it seems to be a mix of both.

Yes the current public version of Pygma is no good - I've just been heads down trying to get the complete version working and haven't really been attending to the current plugin.

Yeah, that will happen if not every frame is in auto layout. Hats off to you if you manage to solve it for mixed modes with just flex layouts!

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.