Pencil

Pencil is an AI design tool that lives inside your IDE, bringing a Figma-like infinite canvas directly into VS Code and Cursor. Design interfaces visually and generate production-ready React, HTML, and CSS in real time. It integrates with Claude Code via MCP, supports Figma imports, and stores design files in Git alongside your code. Currently free in early access.