デザイナーが作る仕様駆動型デザインシステム

• #フロントエンド
• #バックエンド
• #DevOps・CI/CD

AIで作成し、掲載基準に基づいて自動選定した要約です。

• デザイナーがエンジニアの工数を借りずにコンポーネントの仕様からコードやドキュメントを生成する仕組みを構築した
• FigmaとヘッドレスUIから仕様を抽出し、YAMLで構造化してReactコンポーネントやテストコードを生成、アクセシビリティの仕様をヘッドレスUIから取り込む
• 生成されたコードと仕様が同期しているかをCIで検証し、生の値やコメントを禁止することで品質を担保する