Displaying 1 to 20 from 122 results

p5 - JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing

  •    Javascript

p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

react-sketchapp - render React components to Sketch โš›๏ธ๐Ÿ’Ž

  •    Javascript

This project is currently in beta and APIs are subject to change.First, make sure you have installed Sketch version 43+, & a recent npm.

sketch-palettes - A Sketch plugin for exporting and importing fill presets

  •    Javascript

A Sketch plugin for exporting and importing fill presets. It supports colors, gradients, and Pattern fills. Move the Sketch Palettes plugin into your Plugins folder or double-click the .sketchplugin file.

sketch.js - Cross-Platform JavaScript Creative Coding Framework

  •    Javascript

A tiny (~2kb gzipped) platform for JavaScript creative coding. sketch.js lets you get straight to the fun parts of creative coding, without ever having to worry about shims or boilerplate code.

sketch-data-populator - A Sketch App plugin to populate your documents with meaningful data

  •    Javascript

Read more about designing with meaningful data. Sketch Data Populator not only makes you more productive (probably around 60x faster), it changes the way you design user interfaces (at least that's what happened to us).

sketch - A Common Lisp framework for the creation of electronic art, visual design, game prototyping, game making, computer graphics, exploration of human-computer interaction, and more

  •    Common

Sketch is a Common Lisp environment for the creation of electronic art, visual design, game prototyping, game making, computer graphics, exploration of human-computer interaction and more. It is inspired by Processing Language and shares some of the API. To make Sketch run correctly, though, a few requirements must be met.

paddy-sketch-plugin - Automated padding, spacing and alignment for your Sketch layers

  •    Javascript

Double click the downloaded file (Paddy.sketchplugin) to install it. If you are using this plugin, please 'star' this project. It's a simple way for me to be able to see how many people are using this, and how much effort I need to put into improving it further.

kactus - :cactus: A true version control tool for designers

  •    TypeScript

Kactus is a tool to bring proper version control (as in git) to designers (only sketch users for now, but we need to start somewhere, right?). Note: The Kactus Code of Conduct applies in all interactions relating to the GitHub Desktop project.

react-color - :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

  •    Javascript

You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.

symbols-for-sketch - Symbol font templates for Sketch.app

  •    Javascript

This repo contains a set of templates to make a symbol font (icon font) with Sketch. What to do is ... You need some command line environments. But don't worry. Almost all will be done through GUI.

carbon-design-kit - A versioned, comprehensive kit of the Carbon Design System visual assets (components, iconography, color palettes, grids, templates)


The Carbon Design Kit is a living, breathing document that contains all of our visual assets (components, iconography, color palettes, grids, templates, responsive behavior, etc). This document evolves and changes as we collaborate with partners and service teams. All of the assets that live in the Design Kit can also be found on our Carbon Design System website. Contains release notes on current and previous versions of the Carbon Design Kit.

alfred-font-awesome-workflow - :tophat: Font Awesome Workflow for Alfred 3

  •    Go

You can incrementally search for Font Awesome icons and paste it to front most app. ๐Ÿ’Ž See also: Font Awesome Workflow with Sketch 3 — QuickCast.

my-sketch-colors - Project no longer maintained.


Project no longer maintained.

Sketch-Find-And-Replace - Sketch plugin to do a find and replace on text within layers

  •    Javascript

Finds text in selected layer(s) and all layers contained within - and replaces it with different text. Features partial, case sensitive and full-document matching. Ready for Sketch 48, 47, 46.

MakeIconsWithSketch - Simple tutorials about how to make icons with Sketch.


I have posted some simple gif tutorials about how to make icons with Sketch on Twitter and Weibo one month ago, got a lot of wonderful feedbacks, almost 270K views and 380+ people get involved, particularly from developers, they were really following my steps and start to use Sketch, they don't need always to rely on designers. The purpose to open source this project is hopefully can invite more designers join, create more gif tutorials and svg icons for anyone can learn and download.

sync.sketchplugin - Keep your design team in sync!

  •    Javascript

Share styles with your team using Google Sheets. Install from Sketch Toolbox (recommended) or download the zip, unzip, and open sync.sketchplugin.

day-player - A Sketch Plugin for creating placeholder images from online services.

  •    Javascript

A Sketch Plugin for creating placeholder images from online services. All services offer width, height, and black & white / color options. Unsplash.it and Placehold.it offer further options to customize the placeholder images.