Skip to content

README.md

Latest commit

 

History

History
32 lines (22 loc) · 838 Bytes

README.md

File metadata and controls

32 lines (22 loc) · 838 Bytes

React Sketchapp Example with responsive layout (flexbox)

Test components with different screen sizes in Sketch

react-sketchapp-example-responsive result

Tested with Sketch v.47.1

Built with React Sketchapp Starter Kit.

Idea inspired from https://airbnb.design/painting-with-code/.

Usage

  • Clone this repository

    git clone git@github.com:kristinbaumann/react-sketchapp-example-responsive.git project-name
cd project-name
rm -rf .git

  • Install npm dependencies

    npm install

  • Open Sketch with a new project

  • Render the React code

    npm run render

  • View the result in Sketch