The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
まえおき この記事は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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く