AI × Stencil.jsで進めるデザインシステム実装 ― コンポーネント設計の難所と配布まで
前編では、デザインシステムの考え方から、Stencil.js のセットアップ、Tokens Studio(Figma Tokens) の取り込み、AIを使ったコンポーネント作成の入り口までを整理しました。 後編ではその続...

前編では、デザインシステムの考え方から、Stencil.js のセットアップ、Tokens Studio(Figma Tokens) の取り込み、AIを使ったコンポーネント作成の入り口までを整理しました。 後編ではその続...

AIとStencil.jsを使って初めてデザインシステムを作ったので、そのガイドを前編と後編でまとめました。 前編では、デザインシステムをどんな考え方で設計し、Figmaのデザイン情報をどうコードへ落とし込んでいくかを整...