まえおき この記事はAdobe XD Plugin Advent Calendar 19日目の記事です。 投稿が遅くなり申し訳ありません。 XDのプラグインを何か作りたいと思い もともと英語にとても長けているわけではない中でAdobe XD PlatformのQuick Startを見ながら、ノロノロペースでおぼろげながら進めていましたプラグイン開発。でも、はじめてのAdobe XDプラグイン開発 と 「Adobe XD meeting extra 2」 に参加できたお陰で開発環境の構築方法やmain.jsの書き方などなど、再確認してさらに深く知ることができました。 参考になるかどうか分かりませんが、開発環境やプラグインの作り方などなどで学んだことを書かせていただければと思っております。よろしくお願い致します! 開発環境で使っているもの Mac Adobe XD 14.0 Sublime
Adobe XDプラグインの開発で、ユーザーインターフェース(UI)は人気のライブラリVue.jsを使いたいというニーズに応えるための記事。 こんな感じのXDプラグインを作れるサンプルを用意した。 リポジトリはこちら。 ics-creative/181211_AdobeXD_Plugin_Kit Vue.jsを使う利点 JavaScript/HTML/CSSを使ってAdobe XDプラグインを開発できる。createElement()メソッドなどJavaScriptを使ってHTMLのDOMを構築する必要があるため、DOMを書くのが大変。 シンプルなDOM構造であればいいが、複雑なUIを開発しようとすると、ライブラリの手を借りずに作るのはしんどい。 Vueの単一ファイルコンポーネント(Single File Component = 略してSFC)を使って開発すると以下のメリットを享受できる。
WHAT’S IN THIS PLUGIN? The Google Sheets plugin for Adobe XD enables designers within XD to enrich their designs with real content and data from Google Sheets. This allows collaboration with other team members to create dynamic designs, right from XD. How To Install In XD, use the Plugin Manager to search for Google Sheets. Simply click Install to get stared! You can also download our plugin from
こんにちは、UIデザイナーのサイです。私が普段のデザイン作業で使っているツールはいくつもありますが、使う頻度がもっとも高いのはSketchです。UIデザインに特化した機能のほか、便利なプラグインがあることもSketchの魅力のひとつです。この記事では、Sketchのおすすめプラグインを用途別でご紹介します。 1. 基本機能の強化 Find and Replace Text plugin for Sketch https://github.com/thierryc/Sketch-Find-And-Replace 選んだレイヤーの中のテキスト、あるいはファイルの中にあるすべてのテキストを検索と置換できるプラグインです。検索の範囲は自分で設定できるので、間違えてテキストを置換することを防げます。シンボルのOverridesのテキストもサポートするので、たくさんシンボルを使っても心配なく使えます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く