Programmatic + Direct Manipulation + SVG

Direct manipulation interfaces are useful in many domains, but the lack of programmability in a high-level language makes it difficult to develop complex and reusable content. We envision prodirect manipulation editors that allow users to freely mix between programmatic and direct manipulation.

Sketch-n-Sketch is a prodirect manipulation editor for Scalable Vector Graphics (SVG). We are in the early design phases for integrating programmatic and direct manipulation, but we have found that the workflow in Sketch-n-Sketch already leads to new and interesting ways to approach the design process. Take a look around and try it yourself!

Research Papers


Sketch-n-Sketch is under active development by Ravi Chugh, Brian Hempel, and Justin Lubin. Previous contributors include Jacob Albers and Mitchell Spradlin.