Pencil

Pencil - это дизайн-канвас, который живет прямо в твоем редакторе кода. Никаких переключений между Figma и IDE, никаких бесконечных передач макетов от дизайнера к разработчику. Ты открываешь вкладку, рисуешь интерфейс с точностью до пикселя, а потом сразу пишешь код - всё в одном месте, в одном репозитории.

Pencil работает как агент-driven MCP-канвас с открытым форматом файлов. Это значит, что дизайн хранится в твоем репозитории, версионируется через Git, и ты можешь читать, редактировать или расширять его своими инструментами. Никаких черных ящиков, никакой привязки к одному сервису.

Внутри - бесконечный холст, где ты можешь промптить целые экраны или отдельные элементы прямо в контексте. Хочешь быстро набросать флоу или сгенерировать несколько вариантов экрана параллельно? Pencil подключает AI-агентов, которые работают рядом с тобой, как команда дополнительных рук. Это как мультиплеер, только с искусственным интеллектом.

Можешь использовать готовые дизайн-киты с компонентами, которые выглядят так, будто их делал опытный дизайнер, или подключить свою дизайн-систему прямо из кодовой базы. Если у тебя уже есть макеты в Figma - просто скопируй и вставь, векторы и стили перенесутся без потерь.

Pencil поддерживает двусторонний MCP-доступ: не только чтение, но и полноценная запись плюс куча удобных инструментов для работы с канвасом. Ты можешь подключать данные из баз, API, графиков, Playwright, Puppeteer или других агентов - полный контроль в твоих руках.

Работает с Cursor, VSCode, Claude Code, OpenAI Codex и любым другим IDE на твой выбор. Дизайн и код живут под одной крышей, в твоем репозитории, и всегда остаются синхронизированными.