エージェント型デザインツールはもはや単なるコンセプトではなく、実際にリリースされ始めています。Pencil は、直接的な MCP（Model Context Protocol）連携を備えた完全エージェント駆動型キャンバスを提供する最初のツールの1つであり、デザイナーやエンジニアがコードベースを離れることなく、アイデアから IDE で即座に使えるデザインへと移行できるようにします。

私たちは Pencil の実機ユーザーテストを実施しました。以下がその検証結果です。

Pencil はエージェント駆動型の MCP デザインツールです。デザインエージェントに対して希望する内容を伝え、対話的にアプローチを重ね、Claude Code や Cursor を含む主要な IDE に MCP 経由で直接接続できるフォーマットで出力します。

コアとなる前提：デザイン成果物自体をコードに極めて近い状態にすることで、デザインとエンジニアリングの間のギャップを解消する。

私たちは、Figma AI へのアクセスが届く前にエージェント型デザインを試してみたいと考えているプロダクトデザイナーの視点で Pencil にアプローチしました。セットアップ：MCP 経由で Pencil を Claude Code に接続し、プロンプトから引継ぎ可能な成果物へとデザインコンセプトを進めます。

新しいデザインの作成において、エージェント型キャンバスは非常によく機能しました。インターフェースコンポーネントの説明、レイアウト調整の要求、対話的な反復作業はとても自然に感じられました。Claude Code への MCP 引き継ぎは最も素晴らしい瞬間であり、手動でエクスポートすることなくデザイン出力が IDE に移動しました。

摩擦が生じたのは Figma デザインシステムのインポート時です。トークンのオーバーヘッドが非常に大きく、第1層のレート制限では不十分であることが判明しました。新規（グリーンフィールド）プロジェクトにとっては障害になりませんが、既存のデザイン資産を Pencil に持ち込もうとするチームにとっては重大な制約となります。

Pencil は、リーンでアジャイルなチームにとって有効な選択肢となります。プロダクトをデザイナーなしで開発を進めており、デザイン作業をエンジニアリングの開発環境に直接引き継ぎたい場合、現在利用できる最も実用的なツールの1つです。

チームがすでにVariablesやコンポーネントを含む Figma デザインシステムに投資している場合、Pencil は最適な選択ではない可能性があります。インポートコストが多めにに発生しますし、最終的には Figma AI エージェントの方がそのワークフローに適している可能性があります。

エージェント型デザインの領域は急速に進化しています。Pencil は注目に値するツールであり、適したチームにとってみれば、今すぐ使う価値のあるものです。