タグ

# デザインシステム

3 件の記事が見つかりました

Figma Dev Mode・Code Connect・Figma AIを組み合わせ、デザイン→コード変換を最短で実現する実践ガイド。Claude Code MCP連携・デザイントークン受け渡し・失敗パターンを網羅。

Growth Lab編集部

28分公開 2026/7/26

Style DictionaryとTokens StudioをAI・CIと組み合わせてデザイントークンの一貫性を自動検証する実践ガイド。GitHub Actions YAMLサンプルつき。デザイントークンが壊れる原因の大半は「人間の見落とし」です

mine_take

30分公開 2026/7/3

AIによるコンポーネント自動生成とStorybook/Chromaticを組み合わせた品質ゲート設計を解説。「AIが壊して人間が直す」負のループを断ち切り、協働ワークフローを構築する実践ガイド。AIによるコンポーネント量産が進むほど、デザインシステムとの乖離が拡大する

Growth Lab編集部

36分公開 2026/6/27