Ask HN: Have you found an easy way to export designs/Webflow pages to React?

2 pointsdavidajackson3 comments

I understand you could take exported HTML/CSS and throw it into a React app, but is there any more elegant a way to get React from either Figma, Sketch, or Webflow? I'm talking about a landing page here, nothing more than copy etc. w/ a few buttons. This is for proving out a concept, not an optimized page -- looking for speed.

View on HN

https://plasmic.app is a web design tool that was designed to export to React continuously, and it imports from Figma. Would that help? (I work on this)

Can a designer work in it like Webflow and then send me index.js + styles.js ? I don't care about component decomposition for a MVP landing but am hoping for a single screen/component. Would be extra nice if uses things like Material UI for textfields as optional setting.

Yes - press Publish to push a new Next.js repo to Github Pages, and copy the resulting .js files out of the Github gh-pages branch.

(But I thought your question was about exporting React? You'll probably want to have component structure even for landing pages, esp. if you have stateful MUI React components, etc.)

You can equip with custom code components, here's an example with some MUI components:

https://code-components.plasmic.site/

Reply on news.ycombinator.com