gulp-sketch - A SketchTool plugin for gulp

  •        4

A SketchTool plugin for gulp. Are you new to Sketch.app or the user of ver < 3.5 ? See the section below.

https://github.com/cognitom/gulp-sketch

Dependencies:

clean-sketch : ^1.0.1
es6-promise : ^4.1.0
gulp-util : ^3.0.7
npm-which : ^3.0.1
recursive-readdir : ^2.1.1
rimraf : ^2.4.3
temporary : 0.0.8
through2 : ^2.0.0

Tags
Implementation
License
Platform

   




Related Projects

sketch-constructor - Read/write/manipulate Sketch files in Node without Sketch plugins!

  •    Javascript

This library is a work in progress, use at your own risk. But feel free to help out where you see bugs or incomplete things! Also, because this library is not using any Sketch APIs/libraries and manipulating the underlying sketch files, the internal file API might change in the future. We will do our best to keep up with any Sketch changes and communicate any breaking API changes. If you want to produce Sketch assets for your design team that are generated from your production codebase in a reliable and consistent way, like part of a build process or CI/CD pipeline. Or maybe you want to have your source of truth for your design tokens or components in Sketch, you can use this to extract that data out into your codebase.

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.

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.

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.

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.


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-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-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).

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.

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.

Sketch-ArtboardTricks - A variety of artboard-related utilities for Sketch, primarily rearranging them into a grid, numbering them, etc

  •    Javascript

Contains a set of artboard tricks for Sketch. See below for more. Download the latest release and double-click the .sketchplugin file to install.

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-commands - A collection of script commands for Bohemian Coding's Sketch.app

  •    Javascript

Sketch Commands is a port of some of my Orange Commands for Fireworks for Bohemian Coding’s Sketch.app. If you are curious about scripting Sketch, here's a link to the official Sketch Scripting API documentation.

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.

Sketch-Style-Inventory - Review, import & export styles in Sketch.

  •    Javascript

14 April 2018: The plugin has been updated to work with Sketch 49. Design requires free, sometimes chaotic exploration. But design also means organization and structure. Sketch can be good in both aspects, but moving from exploration to structured layouts with text styles and unified colors is hard. Either you start clean files from scratch, or you use what you have and try to tidy it up. The Style Inventory is meant to help you with that. It gives you an overview of all your used styles and helps you to merge styles of similar layers into one.

Sketch_Swatches - A swatches plugin for Sketch.

  •    Javascript

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

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.