Sketch to React Example1
pxCode studio: Create React Component Directly from Sketch file.

Demo

Your can check our video

Demo

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:

1. Import Sketch to pxCode studio
2. Create React Component with selected Artboard
3. Edit Responsive Design with Smart Layout and few clicks
4. Live Preview final result with Real Browser
5. 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!

Quick-start 🏃‍

First, make sure you have installed recent npm. Open the example, then in a terminal:

git clone https://github.com/px2code/pxCode-Sketch-to-React-Example1
cd Sketch-to-React-Example1 && npm install

npm run start

The original source is from Sketch file