Claude + Figma MCP でデザインシステムを 2,800 箇所バリアブル移行する、落とし穴 3 つと対処法
出典: Zenn (Claude topic)
Hiroba による自動要約
BtoB SaaS の UIキット（カラースタイル 48 種、差し替え 2,800 箇所）を、スタイルベースからバリアブルベースに移行した事例。Claude チャット版と Figma MCP を組み合わせ、開発環境なしで約 1 時間で自動化。インスタンスオーバーライドの追従漏れ、削除済みバリアブルへの幽霊参照、デスクトップアプリの描画バグという 3 つの落とし穴と対処法を解説。
出典・元記事
Zenn (Claude topic) の記事を Hiroba が自動要約しました。元記事を読む
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 1422 件あります。
関連する記事
同じタグの記事
Claude はデザイン実務で使える？デザイナー3人が別々のプロダクトで1ヶ月検証してみた
ZennBABY JOB の UI/UX デザインチームが Claude Team サブスクリプション（Claude Desktop / Claude Code / Claude Design）を 1 ヶ月間実務で検証。UI のたたき台作成とプロトタイプ生成は大幅に高速化する一方、細部の作り込みや関係者レビューでは Figma が優位という結論。フェーズごとの使い分けがデザイン業務の生産性向上に有効と判明。
Claude Code から遠隔 PC をマウス・キーボードで操作する
QiitaClaude Code に MCP 経由で FlashDesk を接続することで、別拠点の PC のデスクトップを遠隔操作できる。「○○をインストールして」のような自然言語指示から、Claude Code が画面確認・マウスクリック・キー入力などの必要な操作を自動判断して実行する。GUI 作業（インストーラ、設定画面）など SSH では対応できない遠隔作業に対応。