Crossfade

概要

• Crossfadeは、Claude CodeなどのコーディングエージェントをFigmaのDesign、FigJam、Slidesに接続し、指示したレイヤー上へ編集可能なデザインを自動生成します。
• Mac上で動作するFigmaプラグインとlocalhost経由で連携するため、専用サーバーを介さず、エージェントが作業内容を確認しながら反復的に構築できます。

主な特徴

• 既存のコンポーネント、オートレイアウト、デザインシステム、Macのフォントや画像を活用し、実際に編集できるFigmaレイヤーとして画面を作成します。
• 生成後にスクリーンショットで自己チェックを行い、開発引き継ぎメモもレイヤーに残します。各実行は一度に戻せるため修正も簡単です。
• 呼び出し回数の制限やフルシート要件がなく、19ドルの買い切りで2台まで利用可能です。処理はlocalhostで完結し、プライバシーにも配慮されています。

こんな人におすすめ

• Claude Code、Codex、Cursorなどを使い、自然言語の指示からFigma上に画面やUIのたたき台を素早く作りたいデザイナーや開発者に向いています。
• Figma MCPの読み取り制限やシート権限に悩み、エージェントに自分の作業結果を確認させながら長時間のデザイン作業を進めたい人に適しています。