Альтернатива · Pencil.dev
Лучшая альтернатива Pencil.dev для дизайна.
Open Design — это полностью открытая, local-first альтернатива Pencil — agent-native рабочее пространство для дизайна, которым вы управляете с помощью уже используемого вами кодинг-агента: ваш ключ, ваши файлы и переносимая дизайн-система, которую вы храните в своём репозитории.
Pencil (pencil.dev) — это управляемый агентом инструмент дизайна от a16z Speedrun, который размещает векторный холст в стиле Figma внутри вашей IDE и хранит свой дизайн в виде JSON-файлов .pen в вашем репозитории, версионируемых с Git. Локальный MCP-сервер позволяет вашему кодинг-агенту читать и записывать эти файлы, так что промпт превращается в редактируемый UI, который затем можно передать кодинг-агенту для продакшн-кода. Он был запущен публично в начале 2026 года, преодолел отметку в 100 000 пользователей и по-настоящему хорош — с той оговоркой, что само приложение закрыто, в первую очередь заточено под Claude и бесплатно только на этапе раннего доступа.
Open Design — это полностью открытая, local-first альтернатива: agent-native рабочее пространство для дизайна, на которое вы направляете собственного кодинг-агента (Claude Code, Codex, Cursor, Gemini, OpenCode, Qwen) по BYOK. Эти два инструмента необычайно близки — оба управляются агентом, оба хранят дизайн как файлы в вашем репозитории. Различия — во владении и охвате: с Open Design всё приложение под Apache-2.0 (а не только задокументированный формат), BYOK нейтрален к провайдеру, а вывод охватывает UI, презентации, прототипы и переносимый DESIGN.md. На этой странице честно сказано, в чём Pencil действительно выигрывает.
01
Что такое Pencil
Pencil (pencil.dev) — это «дизайн на холсте, приземление в код» — бесконечный векторный холст для дизайна, который живёт внутри вашей IDE и кодовой базы, созданный Tom Krcha (ранее стоял за Around, приобретённым Miro) и поддержанный a16z Speedrun. Его файлы дизайна используют открытый, задокументированный JSON-формат .pen, который лежит в вашем репозитории под Git, а локальный MCP-сервер позволяет ИИ-агентам читать и записывать их. Вы даёте промпт или рисуете на холсте, затем передаёте дизайн кодинг-агенту (Claude Code и другим), чтобы сгенерировать продакшн-компоненты, соответствующие вашему стеку.
Как дизайн-поверхность Pencil отточен: настоящий векторный холст со слоями, инспектор свойств, drag-and-drop компоненты, промпт-блоки, которые вы размещаете прямо на холсте, нативная копипаста из Figma, сохраняющая слои и авто-layout, и встроенные UI-киты (Shadcn, Lunaris, Halo, Nitro). Ручное редактирование холста не расходует токены агента.
Что нужно знать, прежде чем определяться: приложение Pencil закрыто (задокументирован только формат .pen, и он может меняться), оно оптимизировано под Claude Code с более слабым опытом на других моделях, оно бесплатно только в раннем доступе («Бесплатность — не бизнес-модель», по словам основателей), а обозреватели отмечают, что оно всё ещё сырое — периодические сбои и отсутствие автосохранения.
- Вендор: Pencil (pencil.dev), a16z Speedrun — закрытое приложение, ~100 000 пользователей, запуск в начале 2026 года
- Среда выполнения: локальное десктопное приложение + расширение IDE (Cursor / VS Code / Windsurf) + локальный MCP-сервер
- Файлы дизайна: открытый JSON-формат .pen в вашем репозитории, версионируемый с Git
- Модель: MCP с несколькими агентами, оптимизировано под Claude Code; вы приносите собственную подписку на агента
- Цена: бесплатно в раннем доступе, публичных лимитов пока нет — заявлены платные планы
02
Open Design vs Pencil, возможность за возможностью
| Возможность | Open Design | Pencil (pencil.dev) |
|---|---|---|
| Лицензия | Apache-2.0 — всё приложение с открытым исходным кодом | Закрытое приложение; задокументирован только формат .pen |
| Среда выполнения | Локальный демон + десктопное приложение | Локальное десктопное приложение + расширение IDE + локальный MCP-сервер |
| Файлы дизайна | Файлы в вашем репозитории (Git): DESIGN.md, артефакты | JSON-файлы .pen в вашем репозитории (Git) |
| Аккаунт | Не требуется; работает локально | Аккаунт / вход (ранний доступ) |
| Цена | Бесплатно и с открытым кодом; ваши собственные расходы на модели | Бесплатно в раннем доступе; заявлены платные планы |
| Модель | BYOK, нейтральность к провайдеру — Claude, Codex, Cursor, Gemini, Qwen | MCP с несколькими агентами, оптимизировано под Claude Code |
| Основная поверхность | Управление агентом (промпт → артефакты) + веб-интерфейс | Векторный холст в стиле Figma, редактируемый напрямую; агент через MCP |
| Вывод | UI, лендинги, презентации, прототипы, дизайн-системы | UI-экраны/компоненты → код (подстраивается под ваш репозиторий) |
| Дизайн-система | Переносимый DESIGN.md, который применяет каждый скилл | Переменные/Компоненты + встроенные UI-киты (Shadcn, Lunaris…) |
| Импорт из Figma | Через агента (вставка/скриншот → DESIGN.md) | Нативная копипаста (сохраняет слои, авто-layout) |
| Совместная работа | Один пользователь локально; управление агентом | Нет человеческого мультиплеера; SWARM = несколько ИИ-агентов |
| Self-host / форк | Да (Apache-2.0) | Нет — приложение закрыто |
| Зрелость | Стабильные релизы | Ранний доступ — сообщают о сбоях, нет автосохранения |
Читайте честно: Pencil выигрывает на ручном холсте — зрелая поверхность в стиле Figma, которую вы редактируете напрямую, с нативной вставкой из Figma и встроенными UI-китами, прямо внутри вашей IDE. Open Design выигрывает на владении и охвате — всё приложение с открытым кодом (а не только формат файла), BYOK нейтрален к провайдеру, а не Claude-first, «бесплатность» остаётся бесплатной, потому что нет вендора, который бы вас монетизировал, а вывод охватывает UI, презентации, прототипы и переносимую дизайн-систему в виде файлов, которые вы храните.
03
Почему команды ищут альтернативу Pencil
Pencil — это сильный способ проектировать внутри вашей IDE, и для многих «разработчиков, которые проектируют» он отлично подходит. Причины, по которым люди всё же ищут альтернативу, группируются вокруг того, что происходит после медового месяца раннего доступа — владение, привязка к провайдеру и охват.
- Приложение закрыто, открыт только формат: Формат .pen у Pencil задокументирован, но приложение закрыто и поддержано a16z, а спецификация формата оставляет за собой право меняться. Open Design под Apache-2.0 от начала до конца — форкните его, аудируйте, хостите у себя и владейте каждым производимым им артефактом.
- У «бесплатности» есть срок годности: Pencil бесплатен, пока он на этапе раннего доступа, но основатели прямо говорят, что «Бесплатность — не бизнес-модель». Платные планы и лимиты на подходе. Open Design бесплатен, потому что он с открытым кодом; вы платите только за собственные расходы на модели.
- Он Claude-first: Pencil подключает несколько агентов через MCP, но заточен под Claude Code, с более слабым опытом в остальных случаях. Open Design — это нейтральный к провайдеру BYOK: Claude, Codex, Cursor, Gemini, OpenCode и Qwen — все первоклассны.
- Вам нужно больше, чем UI-в-код: Pencil сфокусирован на UI → код. Open Design рендерит UI, лендинги, презентации, прототипы и переносимую дизайн-систему DESIGN.md из одного бренда — и всё это в виде файлов в вашем репозитории.
04
Открытый код + BYOK, с пояснениями
Оба инструмента являются local-first и хранят дизайн как файлы в вашем репозитории — это общая черта. Open Design отличается тем, что всё приложение под Apache-2.0, а не только задокументированный формат файла, так что вы можете форкать, аудировать и хостить его у себя. Ваш бренд живёт в вашем репозитории в виде переносимого DESIGN.md, который уважает каждый скилл.
Вы также приносите собственный ключ агента, нейтральный к провайдеру. Учётные данные остаются в локальной конфигурации или переменных окружения — Open Design никогда не проксирует их — а расходы на API выставляются напрямую вам, по тарифам вашего провайдера, без вендорского лимита после раннего доступа.
Впервые сталкиваетесь с этой идеей? Прочитайте, что такое vibe design, просмотрите библиотеку плагинов и дизайн-систем, посмотрите все сравнения Open Design — включая Figma и Google Stitch — или скачайте Open Design, чтобы попробовать.
05
В чём Pencil действительно выигрывает — и что выбрать
Отдадим должное: как дизайн-поверхность Pencil превосходен. Это настоящий векторный холст в стиле Figma, который вы редактируете вручную — слои, инспектор свойств, drag-and-drop компоненты и промпт-блоки, размещённые прямо на холсте — с нативной копипастой из Figma, сохраняющей слои и авто-layout, плюс встроенные UI-киты (Shadcn, Lunaris, Halo, Nitro). И всё это живёт прямо внутри вашей IDE, так что разработчику, который проектирует, никогда не приходится покидать Cursor или VS Code. Если вам нужен отточенный холст для прямого манипулирования, то поверхность Pencil сегодня зрелее, чем agent-first подход Open Design. Компромисс — это всё структурное вокруг него: закрытое приложение, заточенность под Claude и «бесплатность», о которой основатели сказали, что она не продлится.
Быстрый способ определиться по тому, что вы реально хотите делать — эти два пересекаются, поэтому честное разделение важно:
| Если вы хотите… | Лучший выбор |
|---|---|
| Владеть всем инструментом как открытым кодом, который можно форкнуть/хостить у себя | Open Design |
| Сохранить «бесплатность» бесплатной без вендорского лимита после раннего доступа | Open Design |
| Использовать нейтральный к провайдеру BYOK (не Claude-first) | Open Design |
| Рендерить UI + презентации + прототипы + дизайн-систему | Open Design |
| Редактировать зрелый векторный холст в стиле Figma вручную | Pencil |
| Вставлять из Figma с сохранением слоёв и авто-layout | Pencil |
| Проектировать прямо внутри Cursor / VS Code | Pencil |
06
Перенос дизайна из Pencil в Open Design
Оба инструмента хранят дизайн как файлы в вашем репозитории, так что здесь нет облачного экспорта с потерями, с которым надо бороться — переход ориентирован на дизайн. Извлеките свой бренд один раз, и каждый последующий рендер наследует его.
- Установите Open Design со страницы загрузки и принесите собственный ключ агента (Claude Code, Codex, Cursor, Gemini, OpenCode или Qwen).
- Направьте своего агента на экспорт из Pencil, вставку из Figma или скриншот, чей внешний вид вы хотите сохранить.
- Попросите агента извлечь бренд — цвета, шрифты, отступы — в файл DESIGN.md в вашем репозитории.
- Выберите скилл и отрендерите его на основе вашего нового бренда, чтобы убедиться, что он совпадает.
С этого момента каждый скилл рендерит в вашем бренде — а UI, код и дизайн-система остаются в вашем репозитории в виде файлов, которыми вы владеете под контролем версий.
FAQ
FAQ
-
01 Является ли Pencil (pencil.dev) открытым исходным кодом?
Не приложение. Pencil — это закрытый продукт при поддержке a16z; «открыт» формат файла .pen, который задокументирован, но может меняться (команда оставляет за собой право вносить несовместимые изменения). Open Design полностью открыт под Apache-2.0 — всё приложение, а не только спецификация файла — и его можно хостить у себя.
-
02 Бесплатен ли Pencil.dev?
Сегодня он бесплатен, но явно на этапе раннего доступа. Основатели заявили «Бесплатность — не бизнес-модель», сигнализируя о будущих платных планах и лимитах. Open Design бесплатен, потому что он с открытым исходным кодом; вы приносите собственный ключ агента, так что расходы на модели выставляются вам без установленного вендором лимита.
-
03 В чём разница между Open Design и Pencil?
Они близки — оба управляются агентом и хранят дизайн как файлы в вашем репозитории под управлением Git. Различия: Open Design полностью открыт (Apache-2.0, а не только открытый формат), BYOK нейтрален к провайдеру (не заточен в основном под Claude) и рендерит более широкий спектр артефактов (UI, презентации, прототипы, дизайн-системы). Pencil предлагает более зрелый ручной векторный холст и нативную вставку из Figma.
-
04 Работает ли Pencil с агентами, отличными от Claude?
Да — он подключает несколько агентов через MCP (Cursor, Windsurf, Codex и другие), но оптимизирован под Claude Code, и обозреватели сообщают о более слабом опыте с другими моделями. Open Design относится к Claude, Codex, Cursor, Gemini, OpenCode и Qwen как к первоклассным.
-
05 Связан ли Open Design с Pencil?
Нет. Open Design — это независимый проект с открытым исходным кодом (github.com/nexu-io/open-design, Apache-2.0). Pencil — это отдельный продукт при поддержке a16z на pencil.dev; это независимое сравнение.
Владейте всем инструментом, а не только форматом файла.
Поставьте звезду репозиторию, скачайте десктопную сборку или запустите установку в терминале. Open Design открыт от начала до конца — ваш UI, код и система DESIGN.md остаются в вашем репозитории с первого же рендера.