編集

IDE統合型のAgent駆動デザインツールPencilが正式リリース

Pencil.devは、IDE内で動作するAgent駆動のデザインツール「Pencil」を公開。 「Design on canvas. Land in code.」を掲げ、VS CodeやCursor、Claude Codeなどのエディタ内で直接デザインを行い、そこからAI Agentがプロダクションコード(React/HTML/CSS)を生成する。

主な特徴:

  • MCP Canvas: MCP (Model Context Protocol) を活用し、複数のAI Agentが並列で画面やフローを生成する「AI Multiplayer」を実現
  • IDE統合: エディタのタブとして機能し、コードとデザインがシームレスに連携
  • Code as Design: デザインファイルは.pen形式としてリポジトリ内で管理され、Gitでのバージョン管理が可能
  • Figma連携: Figmaからのコピー&ペーストに対応

出展:Pencil – Design on canvas. Land in code.

編集