Claude + Figma MCP でデザインシステムを 2,800 箇所バリアブル移行する、落とし穴 3 つと対処法
Hiroba による自動要約
BtoB SaaS の UIキット（カラースタイル 48 種、差し替え 2,800 箇所）を、スタイルベースからバリアブルベースに移行した事例。Claude チャット版と Figma MCP を組み合わせ、開発環境なしで約 1 時間で自動化。インスタンスオーバーライドの追従漏れ、削除済みバリアブルへの幽霊参照、デスクトップアプリの描画バグという 3 つの落とし穴と対処法を解説。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 1925 件あります。
関連する記事
同じタグの記事
Claude CodeにMCPサーバーを接続しWebページを取得する方法
QiitaClaude CodeにFetch系MCPサーバーを接続し、公開Webページを取得・要約・Markdown保存するまでの手順解説。`claude mcp add` での追加、local/project/userのスコープ選択、`/mcp` での接続確認、プロンプト例、ツールが表示されない場合の切り分け手順を収録。学習済み知識ではなく最新のWeb情報を参照させたいClaude Codeユーザー向け。
Claude Code をスマホから使いたくて、Remote Control とクラウドセッションを使い分けてみた
Zennスマホから Claude Code を操作する公式手段を整理し、手元の Mac で動く Remote Control と Anthropic 管理の VM で動くクラウドセッションを実際に比較した備忘録。手元のスキルや MCP の利用可否、Mac を閉じた際の挙動、データの通り道の違いを解説。使い分けの基準はデータを外に出してよいかで、GitHub App のリポジトリ制限だけでは不十分だった点にも言及。
仕様書が整っていないWebアプリの今の挙動をREAで調べ、仕様かどうかを確かめる
Zenn仕様書が無い・古い既存Webシステムのテストを想定し、REA（Reverse Engineer Anything）6.7.0を公式練習用アプリnotes-webで検証した記録。作業はClaude Codeに実行させ、`capture_browser_scenario`による操作記録や`compare_web_captures`での差分判定で取れた項目と取れない項目を整理。記録は「正しいと仮置き」とし、仕様判断用の質問票を成果物とする手順。
BigQuery MCPサーバーをつなぐ — エージェントからBigQueryを操作する
ZennGoogle が OSS で提供する MCP Toolbox for Databases を使い、Claude Code から BigQuery のクエリ実行、データセット・テーブル一覧取得、スキーマ確認を行う構成の解説。サービスアカウント作成、dataViewer / jobUser を中心とした最小権限の IAM ロール付与、`toolbox.yaml` でのツール定義、サーバー起動までの手順を収録。GCP 上のデータ分析をエージェントに任せたい開発者向け。