enechainデザインシステムでこれまで対応していなかったdark modeの対応の方法と実際に行った移行、加えてプロダクト側での移行やその辛かった点について書きます。

enechainのデザインシステムのカラーマネジメントにダークモードを取り込み、実際のプロダクトで提供するまでを、カラーの設計やレイアウト構造をどう捉えるかなどを中心に紹介します。

10月9日にenechainでは電力の卸取引をオンラインでリアルタイムに自動約定するマーケットプレイス「eSquare Live」をローンチしました。 そして、このプロダクトが2024年グッドデザイン賞を受賞しました。 よいタイミングなのでeSquare LiveとそのUIデザイン…

Figmaの新機能Variablesのおかげでダークモードをデザイナーが扱うのはとても容易になりました。ダークモード記事シリーズ第2弾として、Variables機能を使ってダークモードを作り、管理する実際の流れを紹介していきたいと思います。

2023年、ダークモードに取り組む環境は以前にも増して充実し、前進してきています。ダークモードに取り組むデザイナーの一人としてあらためてリサーチし、考察したあれこれをまとめ、その未来を妄想します。