Displaying 1 to 20 from 77 results

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.

RenameIt - Keep your Sketch files organized, batch rename layers and artboards.

  •    Javascript

Rename Multiple layers at once. Sequentially rename layers in either ascending or descending order.

SketchI18N - Sketch Internationalization Plugin

  •    Javascript

With Sketch Runner, just go to the install command and search for Sketch I18N. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.

Sketch-Constraints - 📏 A plugin that integrates constraints in Sketch to lay out layers.

  •    Javascript

Sketch Constraints is a plugin that integrates constraints in Sketch to lay out layers. These constraints are relative to the parent, either a group or an artboard. With Sketch Runner, just go to the install command and search for Sketch Constraints. Runner allows you to manage plugins and do much more to speed up your workflow in Sketch. Download Runner here.




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.

Content-generator-sketch-plugin - Sketch app plugin for generating dummy data such as avatars, names, photos, geo data etc

  •    Javascript

Content generator allows you quickly create dummy data such as avatars, names, geo location data etc.

sketch-measure - Make it a fun to create spec for developers and teammates

  •    HTML

Layer's influence rect includes the area of shadows and outside borders, it's exactly the same size with the exported image. Sometime, shadows will not implement by engineers, it should be a part of image. Designer need to show the influence rect to engineers, not the regular rect. This is the feature using for.


material-design-color-palette - Sketch app plugin for displaying Google Material Design color palette

  •    Javascript

Sketch app plugin for displaying Google Material Design color palette. You can find this plugin on Sketch Toolbox.app, so you just search and download it.

Alembic - ⚗️ Extract a color palette from Sketch images

  •    Javascript

A Sketch plugin to extract a color palette from any layer that contains bitmap data. This works for both images and layers with a Pattern fill. Alembic uses Color Thief to extract a representative color palette. Hi, we’re Awkward. A while ago, we came across this Tweet with an idea for a Sketch plugin that extracts color palettes from images. We felt like it was perfect to experiment with and the idea resulted in Alembic.

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.

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.

Sketch-SF-UI-Font-Fixer - A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/SF UI Display fonts to what it would be when used in an iOS app

  •    

A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/Display fonts to what it would be when used in the app. E.g. If you use SF UI Text at 16pt the script will set this layer's character spacing to -0.32.

Sketch-Mate - These plugins will make you best friends with Sketch.

  •    Javascript

These plugins will make you best friends with Sketch. To install only a selection of plugins, you will first need to place the library file inventory.js in the root of your Sketch Plugins directory. This is very important as all plugins rely on its functionality.

Automate-Sketch - Make your workflow more efficient.

  •    HTML

Make your workflow more efficient. Buy me a coffee or donate $2.00 $5.00 $10.00 via PayPal.

Sketch_Swatches - A swatches plugin for Sketch.

  •    Javascript

A swatches plugin for Sketch. Donate $2.00, $5.00 via PayPal.

chromatic-sketch - Sketch plugin for creating good-looking and perceptually uniform gradients and color scales

  •    Javascript

I came across this blog post recently. It opened my eyes to the Lab color space, and how you can use it to create perceptually uniform gradients and color scales with SASS. Chroma.js is the underlying library powering it. Check it out if you want a deeper understanding of the Lab color space and why it's good for creating color scales. Basically, it's a color space that, unlike RGB, was built to mirror the visual response of the human eye. That makes it very well suited for interpolating colors. This command will take the gradient of the selected shape and add new color stops to create a more aesthetically pleasing one.

html-sketchapp-cli - Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp

  •    Javascript

Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp and Puppeteer. Then run the html-sketchapp command to generate JSON files in html-sketchapp's "Almost Sketch" format, ready to be imported into Sketch.

Chain - Dynamic color relations in Sketch.

  •    Javascript

When selecting a new chain, you can apply different transformations to the color property you're chaining (hue/saturation/brightness/alpha). Just specify a percentage to offset the property (i.e If you apply a transformation of -10 on the brightness you will get a color 10% darker. To update the Chains in your document, just modify your reference layer and select Update all Chains or use [shift cmd u].

Chain - Dynamic color relations in Sketch.

  •    Javascript

When selecting a new chain, you can apply different transformations to the color property you're chaining (hue/saturation/brightness/alpha). Just specify a percentage to offset the property (i.e If you apply a transformation of -10 on the brightness you will get a color 10% darker. To update the Chains in your document, just modify your reference layer and select Update all Chains or use [shift cmd u].






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.