/import-svg-as-artboard

Import SVG files as Artboards.

Primary LanguageJavaScript

Import SVG as Artboards

Sketch imports SVG as a Group, but it doesn't support groups that do not fit its content. So if you would have an SVG of 100px*100px with a single centered circle inside of 20px radius, Sketch will create a Group of 40px*40px with a Circle inside.

This plugin allows you to import SVG as Artboards instead, so that the offset is preserved.

Installation

  • Download the latest release of the plugin
  • Un-zip
  • Double-click on import-svg-as-artboard.sketchplugin

Development Guide

This plugin was created using skpm. For a detailed explanation on how things work, checkout the skpm Readme.

Usage

Install the dependencies

npm install

Once the installation is done, you can run some commands inside the project folder:

npm run build

To watch for changes:

npm run watch

Additionally, if you wish to run the plugin every time it is built:

npm run start

Debugging

To view the output of your console.log, you have a few different options:

  • Use the sketch-dev-tools
  • Run skpm log in your Terminal, with the optional -f argument (skpm log -f) which causes skpm log to not stop when the end of logs is reached, but rather to wait for additional data to be appended to the input

License

MIT