0.8.0 • Published 2 months ago

sketchdev v0.8.0

Weekly downloads
3
License
MIT
Repository
github
Last release
2 months ago

Note: Requires "type": "module" (i.e., ESM module)

Intro

Command line (with API available) node module that generate html assets (.svg, .png, .jpeg, .css) from sketch.app application.

This extension uses sketchapp tool chain.

Changelog

  • 0.7.2 Jan 23, 2022
    • . update dependencies
  • 0.7.0 - 0.7.1 Jan 10, 2022
    • ! update to ESM module
  • 0.6.1 - 0.6.5 Oct 11, 2020
    • + (big one) Add support for new Sketch Color Variables !!! (replace the current style export)
    • See Sketch Color Variables Intro (youtube)
    • + Added download original and download flag (to automatically download origin)
    • ^ Save file .css and .svg only if content changed
  • 0.6.0 Sep 13, 2020
    • ! Major refactor, now sketchdev.config.js driven.

Usage

npm install -D sketchdev

# create sketchdev.config.js (or .sketchdev.config.js) as below

node ./node_module/.bin/sketchdev

sketchdev.config.js

module.exports = {
  input: 'design.sketch', // path of the sketch file relative pwd
  
  // support one or more output
	output: [{
		type: 'svg', // supports png, svg, jpeg
		out: 'svg/sprite.svg', // for svg only, if out is a file, it will create a sprite svg
		artboard: /^ico\/.*/, // only export the artboards that match this regex
		flatten: '-' // flatten the artboard '/' with '-' char 
	},
	{
		type: 'color', // export the color variables as css var
		out: 'pcss/colors.pcss',
		name: /^txt\/.*/, // (optional) only the color variables that match txt
    group: 1, // (optional) "comment group" the style names from their number of path element 
							// (prime/900 is 2, so, a value o1 2 will group all of the prime/* 
							// together )
		prefix: 'clr-', // (optional) prefix for the css var names
		ref: ['gray','prime'] // (optional)  define the reference colors that others will use if match
	}
	]
}
0.8.0

2 months ago

0.7.5

10 months ago

0.7.4

2 years ago

0.7.3

2 years ago

0.7.2

2 years ago

0.7.1

3 years ago

0.7.0

3 years ago

0.6.10

4 years ago

0.6.9

4 years ago

0.6.8

4 years ago

0.6.7

4 years ago

0.6.6

4 years ago

0.6.5

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.2-SNAPSHOT-1

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.4.2

5 years ago

0.4.1

5 years ago

0.4.0

5 years ago

0.3.4

5 years ago

0.3.3

6 years ago

0.3.2

6 years ago

0.3.1

6 years ago

0.3.0

7 years ago

0.2.2

7 years ago

0.2.1

7 years ago

0.2.0

7 years ago

0.1.6

8 years ago

0.1.5

8 years ago

0.1.4

8 years ago

0.1.3

8 years ago

0.1.1

8 years ago

0.1.0

8 years ago