Figma Drawの公開や日々のツールの進化により、Figmaでイラスト・図版を作ることが現実的になってきています。以前からベクターネットワークというベジェ曲線の進化版のようなものが採用されていますし、角丸の大きさや角の形状がアンカーポイントごとに設定できるなど、ベクター絵描きにとって嬉しい機能が満載です。
ただ、Figmaは基本的にはアプリやWebサイト等のプロトタイピングをするための環境です。UIや仕様はその方向に最適化されているので、絵描き作業には少々不便に感じることも。
例えば、選択した複数アイテム全体のバウンディングボックスにて座標やサイズを指定したくなりますが、Figmaのパネル／インスペクターだと複数選択時はMixedになってしまいます。全体の左上がこの座標だとか、幅いくつになるというのがわからないし、指定できないわけです。
Adobe Illustratorに慣れているかたなら、変形パネルを使ってそのような操作をしていたことでしょう。例えば変形基準点をセットし、移動先のX座標をコピーして対象複数アイテムのX座標にペーストして移動する、といった流れです。それができたら嬉しいですね。
またサイズについては、幅や高さを数値で指定する場合、変形は左上基準のみです。Scale機能なら複数アイテムの中心など自由に基点を指定できますが、これの場合必ず線幅や効果も一緒に変形されます。イラストの場合はそれらは同じまま大きさだけ変えたいことも結構多いのですよね。
そこで今回は、Illustratorの変形パネルのように、複数アイテムの座標やサイズを基準点をもとに数値で指定できるFigmaプラグイン、TransformPanel を紹介します。
続きを読む
