この記事は、Pencil を「実際に導入検討する前提」で整理したものです。 機能紹介だけでなく、弱点やコスト、向いている人まで含めて判断材料になるように書きます。 本記事は 2026-02-23 時点の公開情報をもとにしています。 先に結論 1. どういうものか Pencil は、デザイン用キャンバスとコード生成を、IDE中心の開発フローへ接続するツールです。 公開情報では、Cursor / VSCode / Claude Code / OpenAI Codex との組み合わせが案内されています。 特にユニークなのは、デザインファイルを .pen というテキストベース(JSON)の形式で持ち、Git差分で扱える点です。 「デザインを画像成果物ではなく、コード同様の変更対象として扱う」思想がかなり明確です。 2. 特徴 主な特徴は次です。 Infinite canvas 上でAIにプロンプト

