Skip to content

kristinbaumann/react-sketchapp-example-responsive

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Render components to different screen sizes in Sketch

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published