LoginSignup
23
21

More than 5 years have passed since last update.

Sketch 3用プラグイン『StickyGrid』を作った

Last updated at Posted at 2014-12-03

選択したシェイプのポイントをグリッドに吸い付かせるプラグインStickyGridをつくりました。

Vectorツールで軽くスケッチしてからこのプラグインを適用することで、簡単に幾何学的なオブジェクトを作ることが出来ます。

Screen Shot 2015-12-16 at 02.29.15.png

インストール

リリースページからzipアーカイブをダウンロードし、StickyGrid.sketchpluginをダブルクリックしてインストールします。

もし、よりCLI-wayがお好みであれば、以下のコマンドをお試しください。

cd "$HOME/Library/Application Support/com.bohemiancoding.sketch3/Plugins"
git clone https://github.com/uetchy/Sketch-StickyGrid.git StickyGrid

使い方

吸い付かせたいシェイプを1つ、または複数選択してctrl + + Gを押すと、パスがグリッドの交差点に吸い付きます。
ショートカット以外にも、メニューからPlugins > Sketch-StickyGrid > Snap to Gridを選んでもOK。

シェイプはもちろん、グルーピングされたシェイプも、逆にシェイプポイントだけでも吸い付きます。

プラグインの開発にあたって

プラグインのデバッグ

デバッギングにはSketch-DevToolsを使っていましたが、最新版のSketchでは使えなくなってしまいました。

その代わりにMac標準アプリの Console.app を使う方法が公式デベロッパーサイトの記事 Debugging - Sketch Developer で紹介されています。

スクリプト内でlog関数を呼び出すと、Console.appにログが出力されます。

log(context.document.gridSize);

ドキュメントの情報源

ドキュメントは公式デベロッパーサイト Sketch Developer があるものの、パス編集に関するドキュメントは全くありませんでした。
そこで、class-dumpを使い、Sketch.appのヘッダーファイルを抽出し、ひたすら目grepをしてシェイプ操作とグリッドに関するAPIを探し出し、プラグインの実装に役立てました。
また、先人によって公開されている数多のSketchプラグインのソースを見ることも、開発の助けになりました。

結論

苦行僧じみたSketchプラグインの開発にはclass-dumpConsole.appが必携。

23
21
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
21