Pencil.dev: Новый инструмент для дизайна и кода в одной среде

Pencil.dev — это фигма, но для Claude Code, VS Code, Cursor, Codex, любой IDE.

Дизайн и код в одном месте.

Можешь сам рисовать, а можешь сказать AI и он нарисует целый экран или отдельные части. Код генерится сразу (HTML, CSS, React)

Файлы дизайна лежат прямо в git. Формат .pen (обычный json).

Делаешь ветку, коммитишь, мержишь — дизайн версионируется вместе с кодом.

Что ещё интересного:

1/ Можно запустить несколько агентов параллельно, они генерят разные экраны одновременно.

2/ Подключать базы данных, API, Playwright, других агентов. Всё пишется на холст.

3/ Импорт из Figma: copy/paste, векторы и стили переносятся

Сам Pencil бесплатный. Подписка нужна только на то, что используешь (Claude, Cursor и т.д.)

Единственный минус, пока на Mac. На Windows только через расширение VS Code.

Подписывайтесь на Telegram Tips AI | IT & AI.