/xd-deprecated-color-detector

🎨✨Adobe XD上で作られたアートボード内に非推奨の色が 使われていないかチェックするためのプラグインです。

Primary LanguageJavaScript

Deprecated Color Detector for Adobe XD

Adobe XD上で作られたアートボード内に非推奨の色が 使われていないかチェックするためのプラグインです。

デザインやアクセシビリティ上の理由で、とある色から別の色に移行する際に デザイナーが誤って古い色を使ったままにしないようにする目的で作成しました。

※ リリース初期は#616161のみです。追って機能追加で対応します。

one two three four

インストール

  1. Releases より最新のバージョンの .xdx ファイルをダウンロードしてください。
  2. ダウンロードしたファイルをダブルクリックすると、XDへ追加するか確認されます。

使い方

  1. アートボードを選択します
  2. 「プラグイン」→「非推奨の色が使われていないか探す」をクリックするとアートボード内の塗り・境界線色で非推奨の色が使われていないかをチェックできます。
  3. 結果が表示されます。複数のアートボードを選択した場合にはその分だけメッセージが表示されます。

開発

  1. XDのdevelopフォルダ内に直接cloneすると、そのままXDで使えるようになります。
  2. .xdx ファイルを生成したい場合は npm run build-prod または yarn build-prod を叩きます。
  3. dist フォルダ内のファイルをまとめてzipにし、拡張子を.xdxにすればOKです。

機能追加予定

  • 非推奨の色を設定画面で変更できるようにする