Sketch 3用プラグイン『StickyGrid』を作った
選択したシェイプのポイントをグリッドに吸い付かせるプラグインStickyGridをつくりました。
Vectorツールで軽くスケッチしてからこのプラグインを適用することで、簡単に幾何学的なオブジェクトを作ることが出来ます。
インストール
リリースページから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-dumpとConsole.appが必携。
Author And Source
この問題について(Sketch 3用プラグイン『StickyGrid』を作った), 我々は、より多くの情報をここで見つけました https://qiita.com/uetchy/items/9f228b321512a33d93da著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .