AIとデザインシステムの共創
AI はデザイントークンを知らずに色をハードコードする。Storybook＋Chromatic＋トークンチェックで「品質ゲート as コード」を組み、AI を破壊者から協力者に変えるフロントエンド協働ワークフロー。
AI開発の検証室 編集部
読了時間 約33分
読み込み中...
タグ
# デザインシステム
3 件の記事が見つかりました
デザイントークンをAIで管理する
デザイントークンが壊れる原因の大半は人間の見落とし。Style Dictionary / Tokens Studio のトークンJSON を LLM に渡し、命名ゆらぎ・型不一致・参照切れを CI で検出する。Actions サンプル付き。
mine_take
読了時間 約27分
FigmaとAIの連携設計2026
Figma Dev Mode・Code Connect・Figma AIを組み合わせ、デザイン→コード変換を最短で実現する実践ガイド。Claude Code MCP連携・デザイントークン受け渡し・失敗パターンを網羅。
AI開発の検証室 編集部
読了時間 約25分