Pencil.devとは、IDE内で動作するAIネイティブなデザインツールである。Figmaとの機能比較、MCP経由のClaude Code連携、Git管理によるDesign-as-Codeの実践方法を解説する。