Pencil - エンジニアのための次世代デザインツール

Pencil (pencil.dev) は、AIエージェント（Claude CodeやCursor等）と協力してUIデザインを行い、そのまま実装コードへ変換できる「エンジニアのための次世代デザインツール」。デザインデータを.penファイル（JSONベース）としてGitリポジトリ内で管理し、MCP（Model Context Protocol）でAIがキャンバスを直接操作。React、Tailwind CSS、shadcn/uiなどProduction Readyなコードを出力。Figmaとの「Handoff」を不要にし、デザインと実装を同時進行する新しいワークフローを実現。

ソース: Pencil公式サイト