Skip to content
Import SVG files as Artboards.
Branch: master
Clone or download
Latest commit 445dfb8 Apr 10, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets first commit 🎉 Apr 8, 2019
src first commit 🎉 Apr 8, 2019
.appcast.xml Update .appcast with new tag Apr 8, 2019
.gitignore first commit 🎉 Apr 8, 2019
README.md Update README.md Apr 9, 2019
package-lock.json Publish 0.1.1 release 🚀 Apr 8, 2019
package.json

README.md

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

You can’t perform that action at this time.