Open Doodles — это бесплатная библиотека векторных иллюстраций в стиле ручной рисовки, созданная дизайнером Пабло Стэнли (Pablo Stanley). Сервис позволяет собирать уникальных персонажей из готовых модульных элементов: голов, туловищ, поз, мимики, причесок, одежды и аксессуаров. Все ассеты распространяются под лицензией MIT, что разрешает любое использование — в том числе коммерческое — без обязательства указывать авторство. На июль 2026 года каталог включает более 500 базовых компонентов, из которых комбинаторически получаются десятки тысяч уникальных персонажей. Работать с библиотекой можно прямо в браузере через встроенный генератор, а также экспортировать файлы в SVG и PNG для дальнейшей правки в графических редакторах.
Что такое Open Doodles и как это работает
Open Doodles — часть экосистемы Open Peeps, запущенная в 2019 году. В отличие от традиционных стоков, где предлагаются готовые композиции, здесь реализован принцип конструктора: пользователь выбирает базовую позу, затем последовательно настраивает голову, волосы, лицо, верхнюю и нижнюю одежду, обувь, цвет кожи и аксессуары. Каждый слой представляет собой отдельный векторный объект, что позволяет менять цвет, форму и положение любого элемента без потери качества. Интерфейс генератора на opendoodles.com не требует регистрации: собранный персонаж можно скачать одним кликом в SVG (для масштабирования и редактирования) или PNG (для быстрой вставки). Также доступен пакетный экспорт всей библиотеки в виде ZIP-архива с разложенными по слоям исходниками.
Лицензия MIT: что разрешено, а что нет
Все материалы Open Doodles выпускаются под лицензией MIT — одной из самых свободных лицензий с открытым исходным кодом. Она разрешает: свободное использование в личных и коммерческих проектах; модификацию, адаптацию и переупаковку элементов; включение в продаваемые шаблоны, темы, UI-киты и дизайн-системы; распространение изменённых версий без обязательства открывать исходный код производных работ. Лицензия не требует указания авторства, хотя Пабло Стэнли приветствует ссылку на opendoodles.com. Ограничений по тиражу, географии или сроку действия нет. Единственное условие — сохранение текста лицензии при перераспределении исходных файлов «как есть». Это делает библиотеку безопасным выбором для госзаказов, корпоративных дизайн-систем, образовательных платформ и продуктов с строгими правовыми требованиями.
Технические форматы и совместимость
Экспорт доступен в двух форматах: SVG — векторный, полностью редактируемый, подходит для любого разрешения, от иконок 16×16 до билбордов; каждый элемент вынесен в отдельную группу/слой, имена слоёв соответствуют семантике (head, torso, left-arm, glasses и т.д.). PNG — растровый с прозрачным фоном, генерируется на лету в выбранном разрешении (по умолчанию 1024×1024 px). Файлы совместимы с Figma (перетаскивание или плагин), Adobe Illustrator, Sketch, Affinity Designer, Inkscape, Canva (через загрузку SVG), Photoshop (как векторные смарт-объекты), PowerPoint, Keynote, Google Slides, Notion, Miro, Framer, Webflow и любыми другими инструментами, поддерживающими SVG/PNG. Плагин для Figma (официальный, в Community) позволяет искать и вставлять компоненты прямо на холст, сохраняя структуру слоёв для дальнейшей правки цветов и форм.
Для каких задач подходит Open Doodles
UI/UX и продуктовый дизайн
Персонажи идеально вписываются в онбординг-скрины, пустые состояния (empty states), иллюстрации к фичам, аватарки пользователей, чат-боты и сценарии пользовательских историй. Единый стиль линий обеспечивает визуальную согласованность во всех точках контакта продукта.
Маркетинг и лендинги
Разделы «О команде», «Как это работает», «Преимущества», кейсы и отзывы оживают, если заменить безликие иконки на персонажей с выразительной мимикой и жестами. SVG не весит почти ничего, не замедляет загрузку страницы и масштабируется на ретина-экранах без артефактов.
Презентации и обучающие материалы
В PowerPoint, Keynote, Google Slides, Canva и Notion персонажи работают как визуальные метафоры: «пользователь думает», «команда сотрудничает», «клиент доволен». Для курсов и вебинаров можно подготовить серию персонажей-спикеров, ведущих повествование от слайда к слайду.
Социальные медиа и контент-маркетинг
Сторис, обложки постов, карточки-цитаты, анонсы вебинаров — генератор позволяет за минуту собрать персонажа под конкретный эмоциональный посыл (радость, удивление, концентрация, усталость) и выгрузить PNG нужного формата.
Дизайн-системы и брендинг
Хотя Open Doodles не заменяет полноценную иллюстрационную систему бренда, он может стать её основой на ранних стадиях (MVP, ребрендинг, внутренние инструменты). Цветовая палитра библиотеки ограничена базовыми тонами кожи, волос и одежды, но в векторном редакторе их тривиально перекрасить под брендбук: заменить fill у групп shirt, pants, hair, skin на корпоративные HEX/RGB.
Пошаговый старт: от генератора к макету
- Откройте opendoodles.com — генератор загружается мгновенно, без кук и логина.
- Выберите базовую позу (standing, sitting, walking, working at laptop, pointing, celebrating и др.).
- Настройте внешность: тип головы, прическу, цвет кожи, форму глаз/рта/бровей (эмоция), верхнюю и нижнюю одежду, обувь, аксессуары (очки, наушники, кепка, рюкзак).
- При необходимости включите «Randomize» для быстрого перебора вариантов.
- Нажмите «Download SVG» — получите файл с именованными слоями. Для пакетной работы скачайте полную библиотеку (ссылка в футере сайта) — ZIP ~15 Мб, внутри папки по категориям.
- Перетащите SVG в Figma/Illustrator/Sketch. В Figma плагин (поиск «Open Doodles» в Community) добавляет компоненты в Assets панель с сохранением variant-структуры.
- Правьте цвета: выберите группу shirt → Fill → брендовый цвет. Аналогично для pants, hair, skin, shoes.
- При экспорте в PNG из редактора задайте нужный @2x/@3x для ретины.
Интеграция в рабочий процесс дизайнера
Figma — плагин и ручной импорт
Официальный плагин устанавливается за секунду. После запуска в боковой панели отображаются категории: Poses, Heads, Hair, Faces, Tops, Bottoms, Shoes, Accessories. Каждый элемент — компонент с вариантами (variants) для цвета кожи и основных оттенков одежды. Можно собрать персонажа прямо в плагине, нажимая «Insert», либо перетаскивать отдельные части на фрейм для кастомной сборки. Все слои сохраняют семантические имена, что упрощает поиск и замену цветов через Selection Colors или плагины вроде Batch Styler.
Illustrator / Affinity / Inkscape
Открываете SVG — получаете группу с подгруппами. Рекомендуется сразу преобразовать в символ (Symbol) или сохранить как ассет в библиотеке CC Libraries / Affinity Assets для переиспользования. Глобальные цвета (Global Swatches) позволяют менять палитру всего персонажа одной точкой.
Canva
Загружаете SVG через «Uploads» → «Files». Canva сохраняет векторность, но не всегда корректно отображает вложенные маски и градиенты. Для сложных правок лучше подготовить варианты в Illustrator/Figma, экспортировать готовые PNG/SVG и загружать в Canva как финальные ассеты.
Разработка (React, Vue, HTML, Webflow, Framer)
SVG можно встроить инлайн или как / background-image. Для динамического реколоринга через CSS вынесите fill в CSS-переменные: в SVG замените жёсткие hex на currentColor или var(--skin), var(--shirt) и управляйте палитрой из кода. Это актуально для тёмной темы, брендинга под тему пользователя или A/B тестов визуала.
Преимущества перед альтернативами
| Критерий | Open Doodles | Blush.design | Humaaans | unDraw / Ouch! |
|---|---|---|---|---|
| Модульность (сборка по частям) | Полная | Частичная (только цвет/аксессуары) | Готовые сцены, ограниченная сборка | Нет (только готовые иллюстрации) |
| Лицензия | MIT (коммерция бесплатно) | Своя, бесплатно с атрибуцией / Pro платный | MIT | Своя, бесплатно с атрибуцией |
| Стиль | Ручная рисовка, живая линия | Плоский, геометрический | Минимализм, тонкая линия | Разные авторы, разные стили |
| Количество комбинаций | Десятки тысяч | ~5 000 | ~1 000 | Не применимо |
| Плагин Figma | Есть (официальный) | Есть | Есть (сообщество) | Есть |
| Экспорт исходников | ZIP со всеми слоями | Только через Pro | GitHub репозиторий | Нет |
Ключевое отличие Open Doodles — баланс между выразительностью ручной рисовки и технической гибкостью модульной системы. Blush более «цифровой» и плоский, Humaaans заточен под конкретные сценарии (работа, отдых, спорт), а unDraw/Ouch! — это каталоги готовых композиций без возможности менять позу или мимику персонажа.
Ограничения и нюансы, о которых стоит знать
- Палитра по умолчанию узкая: 6 тонов кожи, ~10 цветов волос, ~15 цветов одежды. Для брендинга неизбежен реколоринг в редакторе.
- Нет анимации из коробки: библиотека статична. Для Lottie/After Effects нужно собирать последовательность кадров вручную (дублировать артборд, менять позу/мимику, экспортировать в Bodymovin).
- Стиль фиксирован: толщина линии, уровень детализации, «рукописность» нельзя изменить параметрически — только ручной правкой узлов в векторном редакторе.
- Нет разновидностей телосложения: базовый силуэт один (универсальный взрослый). Детские, пожилые, спортивные или плюс-сайз пропорции не предусмотрены.
- Аксессуары ограничены: очки, наушники, кепка, рюкзак, кофе, телефон, книга. Специфические реквизиты (медицинские, строительные, игровые) придётся рисовать самому в стиле библиотеки.
- Генератор в браузере базовый: нет истории версий, нет сохранения пресетов, нет командной работы. Для системной работы лучше скачать полный пакет и вести библиотеку компонентов в Figma/Abstract/Zeroheight.
Практические советы от сообщества дизайнеров
Создайте UI-кит персонажей в Figma
Импортируйте полный ZIP, соберите 10–15 базовых архетипов (менеджер, разработчик, студент, врач, курьер и т.д.) как компоненты с вариантами: эмоция (neutral, happy, confused, thinking), цветовая тема (light, dark, brand). Опубликуйте в Team Library — вся команда будет тянуть готовые инстансы, не собирая каждый раз с нуля.
Используйте CSS-переменные для темизации в коде
Подготовьте версию SVG с fill=«var(--skin)», fill=«var(--primary)» и т.д. В CSS определите :root { --skin: #f5d8c2; --primary: #2563eb; } и [data-theme=«dark»] { --skin: #e8c4a0; --primary: #60a5fa; }. Один файл персонажа будет корректно выглядеть в любой теме без дублирования ассетов.
Комбинируйте с типографикой и геометрией
Ручная рисовка Open Doodles отлично соседствует с гротесками (Inter, IBM Plex, Geist) и простыми геометрическими фигурами (круги, прямоугольники со скруглением 8–12 px). Избегайте сочетания с декоративными шрифтами или сложными градиентами — визуальный шум убьёт легкость иллюстраций.
Готовьте набор для пустых состояний заранее
Стандартный набор для SaaS: «Нет данных» (персонаж с лупой/блокнотом), «Ошибка» (персонаж с выражением «упс», держащий сломанный виджет), «Успех» (персонаж с галочкой/party popper), «Ожидание» (персонаж за ноутбуком, индикатор загрузки рядом). Имейте их в библиотеке — сэкономите часы при каждом релизе.
Проверяйте доступность
При реколоринге следите за контрастом: персонаж на фоне должен иметь соотношение не ниже 3:1 для нетекстовых элементов (WCAG 2.1 AA). Тонкие линии рук/ног при масштабировании до 16 px могут сливаться — упрощайте силуэт для мелких иконок или используйте PNG с заранее утолщённым stroke.
Частые вопросы (FAQ)
Можно ли продавать товары с персонажами Open Doodles (магниты, футболки, наклейки)?
Да. Лицензия MIT разрешает коммерческое использование, включая печать на мерче, без выплаты роялти и без указания авторства. Рекомендуется всё же оставить ссылку на opendoodles.com в описании товара — это поддерживает автора и сообщество.
Нужно ли платить за плагин Figma?
Нет, плагин бесплатный и открытый. Исходный код плагина также на GitHub под MIT.
Как обновить библиотеку, если выйдут новые элементы?
Пабло Стэнли анонсирует обновления в Twitter/X (@pablostanley) и в рассылке Open Peeps. Лучший способ — следить за репозиторием на GitHub (github.com/pablostanley/open-doodles) и периодически перескачивать ZIP-архив. В Figma можно завести файл-библиотеку и обновлять компоненты через «Replace component» при выходе новой версии.
Подходит ли Open Doodles для печатной полиграфии (журналы, буклеты, билборды)?
Да. SVG — векторный формат, не имеет разрешения. В полиграфии кладите SVG в InDesign, Illustrator или Affinity Publisher, масштабируйте до любого размера, конвертируйте в CMYK на этапе предпечатной подготовки. Тонкая ручная линия при печати 300 dpi выглядит естественно.
Можно ли использовать персонажей в NFT или блокчейн-проектах?
Технически лицензия MIT не запрещает это. Юридически — вопрос открыт и зависит от юрисдикции. Если планируете токенизировать производные работы, проконсультируйтесь с юристом по интеллектуальной собственности.
Заключение
Open Doodles остаётся в 2026 году одним из редких инструментов, где сошлись три критичных фактора: выразительный авторский стиль, полная модульность векторных слоёв и максимально свободная лицензия MIT. Это делает библиотеку универсальным «швейцарским ножом» для дизайнеров продуктов, маркетологов, преподавателей и инди-разработчиков. Вы не получаете просто набор картинок — вы получаете систему визуального языка, которую можно адаптировать под любой бренд за минуты, не нанимая иллюстратора и не боясь правовых рисков. Начните с генератора на opendoodles.com, скачайте полный пакет исходников, заведите общую библиотеку в Figma команды — и рутинные задачи «нужен человек, который показывает на экран» перестанут съедать часы рабочего времени.
Информация обновлена — 19.07.2026.
