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
A online UI/Code editing tool for Smart Responsive Design
What pxCode studio?!
pxCode studio is smart UI/Code editing tool for Responsive Design. You can generate React/React-Native / HTML Code with a few steps:
- Import Sketch to pxCode studio
- Create React Component with selected Artboard
- Edit Responsive Design with Smart Layout and few clicks
- Live Preview final result with Real Browser
- Get JS/HTML Code from pxCode studio
pxCode studio is evolving and work well for our internal projects . Please visit our pxCode website for more information. if you are interested in our products please contact us. Contact us!
- Sketch/Code/Result https://www.pxcode.io/Example
- App like webpage https://github.com/px2code/pxCode-Sketch-to-React-Example1
- RWD webpage https://www.pxcode.io/Example1, https://www.pxcode.io/Example4
- Game forum webpage https://www.pxcode.io/Example2, https://www.pxcode.io/Example3
- Product page https://www.pxcode.io/Example5
- News https://www.pxcode.io/Example6
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 !
Claim your page on DEV before someone else does
Level up every day