デザイントークンを自動補完するVS Code拡張機能を開発しました

Ubie Discoveryでプロダクト開発をしている@jimboです。 Ubieでは、デザイン生産基盤の整備の一環としてデザイントークンを開発し、npmに公開しています。開発の経緯などは次の記事をごらんください。 今回、このデザイントークン用のVS Code拡張機能を開発したのでご紹介します。 リポジトリはこちら。 主な機能 CSSファイルおよびSCSSファイルの編集時に次のような機能が使えるようになります。 自動補完 color や marginなど、CSSプロパティのあとに -- を入力すると、デザイントークンのCSSカスタムプロパティが候補として表示されます。 ホバー時のツールチップ表示 入力済みのデザイントークン（CSSカスタムプロパティ）にカーソルを当てると、その値を確認できます。 拡張機能を開発した背景 現在、デザイントークンは症状検索エンジン「ユビー」やユビー病気のQ&Aと

[maecchi]

これ便利そうだから使ってみよう