ma-oishi https://blog.hatena.ne.jp/ma-oishi/ MicroAd Developers Blog https://developers.microad.co.jp/ デザイン Vue.js マイクロアドでフロントエンドエンジニアをしている大石です。 フロントエンド領域で欠くことのできない"デザイン"に課題はありませんか？ 仮実装フェーズから最終成果物まで、非デザイナーでもデザインを行うケースは多々あります。 非デザイナーのフロントエンドエンジニアでも、根拠を持ってUIを組み立てられる仕組みがあると開発が一気に楽になります。 今回は、Vue.jsを採用しているプロダクトでデザイントークンを導入し、デザインと開発のワークフローを改善したプロセスを共有します。 TL;DR 課題: デザインプロセスに明確なルールがなく、スタイルの一貫性とアクセシビリティが崩れていた 解決策: デザイント… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdevelopers.microad.co.jp%2Fentry%2F2026%2F02%2F27%2F180000" title="保守運用を楽にするデザイントークン導入 - MicroAd Developers Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/microad-developers/20260227/20260227180024.png Hatena Blog https://hatena.blog 2026-02-27 18:00:00 rich https://developers.microad.co.jp/entry/2026/02/27/180000 1.0 100%