Bringing design and development together

How it works

Sketchbook.js is a web design tool that lets you create compositions using live components. It's installed directly into your codebase and runs in your browser.

  • Designers always have the latest components developers have implemented.
  • Developers always have the latest compositions that designers have produced.

Getting started

  1. Install the package:

    yarn add -D @sketchbook-js/sketchbook
  2. Create the default sketchbook/config.js and sketchbook/example.json files:

    yarn sketchbook init
  3. Run on http://localhost:3000/:

    yarn sketchbook start sketchbook/example.json