サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
WWDC24
qiita.com/shoch0922
はじめに AdobeXDを使ってデザインを作ってると「アセットをこのままCSSに書き出せたらなぁ」って一度は思いますよね。自分は思いました。 2019年5月のアップデートで今までの「シンボル」の概念から「コンポーネント」という概念に変わり、よりコンポーネントの扱いが便利になりました。 今回はAdobeXDで登録したカラーアセットとフォントスタイルをSCSSで使える変数やmixinに書き出すプラグインを作ってみました。 動作は下の動画のようになります。 開発環境 AdobeXDのプラグインはES2018で開発ができます。 今回はTypeScriptで開発をしました。 理由はいくつかあるのですが、大きな理由としてAdobe公式の型定義ファイルが用意されているのでコード補完が効くという点があります。かなり独自のクラスが多いのでTypeScriptで開発をすることをおすすめします。 また、今回はダ
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く