vcan / html-sketchapp-example

Example use of brainly/html-sketchapp

html-sketchapp-example

Example use of brainly/html-sketchapp.

This script takes an URL and produces a page.asketch.json file that can be loaded to Sketch via brainly/html-sketchapp plugin.

How do I run it?

npm i # installs dependencies
npm run build # builds src/page2layers.js script that gets injected into a page
npm run inject http://sketchapp.com . # takes an URL and path where page.asketch.json should be saved

Created page.asketch.json file can then be loaded into Sketch using the brainly/html-sketchapp plugin.

It's buggy!

You can read about current limitations here.

What's next?

Importing whole pages shows what html-sketchapp can do, but it's probably not that much useful (is it?). See brainly/html-sketchapp-style-guide which is used at Brainly to convert front-end style guide into a set of Sketch symbols, text styles and document colors.