XD

【まとめ】プラグインとカスタマイズで作ろう!自分だけの最速XD(1)

プラグインとカスタマイズで作ろう!自分だけの最速XD アイキャッチ画像

このエントリーは Adobe XD プラグイン制作 Advent Calendar 3日目の記事にします。

Adobe MAX Japan 2019で,XD Short Sessionsの1つを担当しました。XDプラグインやシステム環境設定・Keyboard Maestroなどの自動化アプリケーションを利用し,2秒かかる手間を0.3秒に縮めるような小さな効率化をする話です。

当日は実演中心でしたが,文字で伝えたほうがわかりやすい要素が多いため内容を再構成して紹介します。今回はその1回目です。

続きを読む

【解決】XDで線形グラデの角度を確認・指定したい!

XD線形グラデーション角度 アイキャッチ図版

このエントリーは Adobe XD プラグイン制作 Advent Calendar 2日目の記事です。

「XDのグラデーションの角度(数値)ってどうやったら分かるの?」というコメントを見かけ,改めて確認しました。この設定は手作業のみだったのですね。90度や45度ならわかりやすいですが,それ以外は大雑把になりそうでした。

@OsatoCom さんによると,開発用に共有を使うと正確な数値を取得できるそうです。ところがこの方法はインターネット接続が必要で,実行には結構な時間がかかります。

せっかく Advent Calendar の季節ですし,XDプラグインを作ってみることにしました。

そこで今回は,線形グラデーションの角度をGet/SetするAdobe XD用プラグインGradientAngleを紹介します。

続きを読む

【解決】XDプラグインの紹介リンクを一瞬で作りたい!

XDプラグインのインストールリンクをコピー アイキャッチ図版

Adobeの審査を通過したXDプラグインなら,自動でプラグインマネージャーのインストール画面を開くリンクを用意できます。ユーザーは情報を見つけたその場で簡単にインストールでき,作者にとっては宣伝しやすくなるというお得な機能です。感謝!

リンクのパスは上のように,https://xd.adobelanding…?name=に続いてe46fe5a4などプラグインIDをつけます。IDはFinderでプラグインのデータがあるフォルダを開き,manifest.json内のnameとid項目を確認するとわかります。しかしそういう手間がかかることはなるべくしたくないですよね。

そこで今回は,XDにインストールされているプラグインの名前とインストールリンクをクリップボードにコピーするAutomatorサービス(クイックアクション)を紹介します。Automator用なのでmac専用です。windowsのかたはすみません。

続きを読む

【解決】XDにも選択メニューがほしい!

XD共通選択・オブジェクト選択 アイキャッチ図版

「コンポーネントって一括削除できないのかなぁ」というコメントを見かけ,そういえばXDにはIllustratorの自動選択ツールや選択メニューのような類似したアイテムを選択する機能ってないよねと気づきました。

塗り色や線の色が共通なアイテムを選択するプラグインSelectionは見つかりましたが,共通コンポーネントはないようです。

そこで今回は,名前/種類/コンポーネントのインスタンス/座標など属性が共通するアイテムを選択するAdobe XD用プラグインSelectMenuを紹介します。

続きを読む

【解決】XDでもキーオブジェクトに整列・分布したい!

XDキーオブジェクトに整列・分布 アイキャッチ図版

普段無意識でやっているようなものは,できないことに気づくと不便すぎて驚きますよね。私にとってはAdobe XDの「キーオブジェクトに整列」がそうでした。XDにもあったら嬉しいですね。

そこで今回は,最後に選択したものをキーオブジェクトとして扱い,整列や分布を実行するXD用プラグイン Singari(しんがり)を紹介します。

続きを読む

【解決】XDにもテキストばらしがほしい!

XDテキストばらし アイキャッチ図版

Adobe XDはこれまで,アクションやスクリプトといった機能拡張に対応していませんでした。しかし2018年10月にアップデートされ,現在はプラグインで自動処理ができるようになっています。

プラグインといってもJavaScriptで記述する親しみやすいものです。今後はどんどん個人開発者が増え,便利になっていくことでしょう。楽しみですね。

さて本題です。図版やスライドなどを作る際には,1行程度のテキストを大量に用意することになります。
通常ですと,テキストエディタなどで入力した改行区切りのテキストを1行ずつコピペして分割していきます。ただこれはかなり疲弊する作業です。

もしIllustratorでやる場合にはテキストばらしという定番スクリプトがあり,名前の通りテキストを一瞬で1行ごとにばらしてくれます。XDにもこれがあったら嬉しいですね。

そこで今回は,改行区切りのテキストを1行ずつに分解するXD用プラグインを紹介します。

続きを読む