Ask DN: Would you be interested in a plugin for writing Processing code directly into Sketch?

over 7 years ago from Jacopo Colò, Interaction designer at Designit Oslo

Hi fellow designers. I have a question for you: would you be interested in a plugin that allows you to write Processing (actually, p5.js) code directly inside Sketch?

The idea it to allow designers to create complex graphics with very few lines of code and to work somewhat easily with dynamic datasets.

I hacked together something during the weekend but I decided to follow the proper design process and gather some feedbacks before putting hours and hours into this.

Here’s a small video: https://vid.me/ckMd

EDIT: just to make it a bit more interesting: it can now draw pie charts!

16 comments

Cory Gibbons, over 7 years ago
I'd be interested!
5 points
- Toby Shorin, over 7 years ago
  definitely!
  0 points
- Jacopo Colò, over 7 years ago
  I posted a (barely) working version of the plugin to GitHub if you want to try it out. It doesn’t even have a user interface at the moment, but if you are interested I’d like to know what you think. Here it is: https://github.com/jacopocolo/p5-sketchplugin
  0 points
Stef Kors, over 7 years ago
That is pretty awesome, though I'm wondering how much it would help with designing things. (I'm no processing expert)
Things like graphs are difficult to do in sketch, so begin able to import data en output sketch objects that can easily be styled would be great.
Perhaps having different plugins for commonly used use cases and also having the option to write the code ourselves.
2 points
Srdjan Markovic, over 7 years ago (edited over 7 years ago )
Yes! p5js is great thing. I am already using it for prototyping...
1 point
- Hanu Man, over 7 years ago
  Can you share some prototype?
  0 points
- Jacopo Colò, over 7 years ago
  Hey, thanks for the feedback! I just posted a (barely) working version of the plugin to GitHub if you want to try it out. It doesn’t even have a user interface at the moment, but if you want to try it out I’d like to know what you think and if you have suggestions. Here it is: https://github.com/jacopocolo/p5-sketchplugin
  0 points
Michael Senkow, over 7 years ago
Google scriptographer. It was a plug-in for illustrator that letyou do something like this (also rhino has a python plugin like this). I'd love it.
1 point
- John P, over 7 years ago
  Scriptographer hasn't worked in a few years, Adobe's support was too poor to keep it running
  0 points
Rhodes Edewor-Thorley, over 7 years ago
two thumbs up
1 point
Terry Mentos, over 7 years ago
Yes!
1 point
- Jacopo Colò, over 7 years ago
  Hey, thanks for the feedback! I just posted a (barely) working version of the plugin to GitHub. It doesn’t even have a user interface at the moment, but if you want to try it out I’d like to know what you think and if you have suggestions. Here it is: https://github.com/jacopocolo/p5-sketchplugin
  0 points
Ben Leonard, over 7 years ago
Yeah, looks fantastic!
1 point
Hanu Man, over 7 years ago
Btw... lately, I've been preparing a concept for the p5 editor. I hope you like it.
https://ello.co/haniuman/post/m-dlMEJ-O5P9hSeY6ZDvag
0 points
- Jacopo Colò, over 7 years ago
  Love it! You should get in touch with the people behind p5js, I know they are working on a standalone editor!
  0 points
Fabian Valkenberg, over 7 years ago
that would be pretty sweet!
0 points

Designer News

Join Us

Ask DN: Would you be interested in a plugin for writing Processing code directly into Sketch?

16 comments

Join Us

Login to Comment

Register Today