Sign in
Log inSign up
Sketch to React (React Native/HTML): pxCode Studio Editor

Sketch to React (React Native/HTML): pxCode Studio Editor

pxCode's photo
pxCode
·Mar 29, 2020

Hello, I am Chris from Taiwan, as a software engineer for a long time. I love programming and software.

I start a project last year to challenge a problem - design to code So we choose the most popular design software (Sketch) and frontend framework (React) for the first goal. So our goal is to explore the possibilities of "Sketch to React"

I am too too optimistic in the beginning. I guess we can have a relatively good result within 2 months. But actually we have spent 6 months with 20+ iterations - to explore the core problem, redesign the solution and enhanced the ui/ux.

Finally we have our initial result and you can check our demo video.

You can also check the semi-generated code from the github

You can also try to edit the code from codesandbox

We still keep evolving and refine the editor, and I could share more lessons and experience in the future if you are interested.

For for information, you can subscribe the email for future information.

Thanks and welcome to any suggestion or feedback !

Hassle-free blogging platform that developers and teams love.
  • Docs by Hashnode
    New
  • Blogs
  • AI Markdown Editor
  • GraphQL APIs
  • Open source Starter-kit

© Hashnode 2024 — LinearBytes Inc.

Privacy PolicyTermsCode of Conduct