Craftwork.design — библиотека UI-китов, иллюстраций и мокапов для дизайна

Craftwork.design — библиотека готовых дизайн-ресурсов: UI-китов, иллюстраций, 3D-объектов, мокапов, шрифтов, иконок и шаблонов. Она помогает быстрее собирать интерфейсы, лендинги и презентации из готовых ассетов.

Что это такое

Craftwork — каталог цифровых дизайн-ресурсов от команды Craftwork и независимых авторов. В нём можно искать отдельные ассеты или скачивать паки, а Pro Access открывает доступ к полной библиотеке и интеграциям с Figma и ИИ-инструментами.

Основные возможности и состав библиотеки

В каталоге доступны отдельные ассеты и паки. Основные категории:

Поиск отдельных ассетов

В каталоге можно искать отдельную иллюстрацию, мокап, фон или элемент интерфейса, не скачивая весь пак. Доступны фильтры по категории, стилю, формату и цвету. Это удобно, когда для макета нужен один конкретный элемент.

Каталог регулярно пополняется. Количество продуктов, отдельные категории и условия доступа могут меняться, поэтому перед покупкой лучше сверяться с актуальной страницей Pro Access.

Интеграция с Figma

Плагин переносит библиотеку Craftwork в Figma. В нём можно открыть категории, выполнить поиск, посмотреть ассет и вставить его на холст без отдельного скачивания и импорта. В официальном релизе Craftwork 7 от 28 мая 2026 года заявлена поддержка иллюстраций, мокапов, фонов, UI-элементов и иконок.

• Плагин: figma.com/community/plugin/1624724167089425156

Для проверки откройте плагин в Figma, найдите ассет по ключевому слову и вставьте его в тестовый файл. Наблюдаемый результат — выбранный элемент появляется на холсте.

Подключение Craftwork MCP

MCP (Model Context Protocol) — открытый протокол, через который ИИ-инструмент получает доступ к внешнему источнику данных. Сервер Craftwork MCP поддерживает Codex, Claude Code, Cursor, VS Code, Zed и другие MCP-совместимые клиенты.

Через MCP агент может искать ассеты по обычному текстовому описанию и фильтровать результаты по формату, размеру, цветовой палитре или стилю. Доступ входит во все планы Pro.

Установка через мастер настройки

Предварительно нужны подписка Pro, установленный Node.js с командой npx и MCP-совместимый клиент.

Запустите официальный мастер:

npx -y @craftwork-design/wizard@latest

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

npm install -g @craftwork-design/wizard
craftwork-wizard mcp add

Завершите OAuth-авторизацию в своём клиенте и перезапустите его, если он этого потребует.

Проверка подключения

Попросите агента найти конкретный тип ресурса, например изометрическую иллюстрацию рабочего пространства или мокап браузера. Успешное подключение должно вернуть подходящие ассеты Craftwork с доступными метаданными, а не сообщение об отсутствии сервера или авторизации.

Тарифы и лимиты

Условия и цены ниже сверены по официальной странице Pro Access 7 сентября 2026 года. На странице в момент проверки также было показано предложение «50% OFF», поэтому перед оплатой проверьте текущую цену и применённую скидку.

Individual рассчитан на одного пользователя, Team — на пять мест. Во все перечисленные варианты входят Figma-плагин, коммерческая лицензия и безлимитный доступ к подборкам Inspiration. Уже скачанные файлы можно использовать после отмены подписки в пределах применимой лицензии.

Студентам заявлена скидка 50% на товары и подписки. Условия подтверждения статуса следует проверять на странице студенческой скидки.

Ограничения лицензии

Коммерческая лицензия рассчитана на индивидуальных пользователей и команды до 20 участников. Она разрешает использовать ассеты в собственных цифровых проектах, проектах компании и клиентских работах.

Однако исходные файлы нельзя перепродавать, перераспределять, передавать третьим лицам в редактируемом виде или делать извлекаемой самостоятельной частью конечного продукта.

Стандартная коммерческая лицензия также не разрешает использовать ассет как основной компонент продукта для продажи и создавать с ним физические товары. Для более широкого применения и команд или компаний численностью свыше 20 человек предусмотрена Extended License. Перед нестандартным коммерческим использованием проверьте полное лицензионное соглашение.

Бесплатные продукты можно применять по условиям Commercial License, включая собственные цифровые проекты, проекты компании и клиентские работы. Демонстрационные файлы предназначены только для личного некоммерческого использования.

Полезные сценарии

• Прототип интерфейса. Если нужно быстро собрать ключевой экран, найдите UI-кит под нужную платформу, перенесите компоненты в тестовый макет и проверьте редактируемый результат в Figma. Перед передачей исходников клиенту убедитесь, что такой способ передачи соответствует лицензии и не позволяет извлечь ассеты отдельно.
• Иллюстрации для серии материалов. Если нужно оформить несколько обложек или секций в одном стиле, выберите тематический пак и используйте элементы одной серии. Наблюдаемый результат — единая стилистика без ручной генерации каждого элемента. Сценарий не подходит, если ассет станет основным самостоятельным товаром для продажи.
• Презентация или питч-дек. Если нужно быстро оформить презентацию продукта, подберите шаблон, графику и мокапы, затем замените демонстрационный контент своими данными. Итог проверяется в режиме показа и при экспорте в нужный формат. Если заказчику нужен исходный шаблон с возможностью извлекать ассеты, сначала проверьте лицензию.
• Поиск через ИИ-агента. Когда проект собирается с помощью ИИ-инструментов, подключите MCP и сформулируйте запрос по назначению, стилю и формату. Агент должен вернуть релевантные позиции с метаданными. Учитывайте месячный лимит MCP-запросов своего плана.
• Исследование перед проектированием. Если нужны референсы конкретных блоков страницы, откройте подборки Curated Websites и Landing Sections, выберите примеры для мудборда или разбора структуры. Результат помогает сформировать направление, но не заменяет проверку требований вашего продукта.

Официальные ссылки

• Сайт Craftwork
• Craftwork MCP и инструкция по установке
• Тарифы Pro Access
• Лицензионное соглашение
• Политика возвратов
• Описание обновления Craftwork 7
• Figma-плагин
• Скидка для студентов

Следующий шаг

Если вы сравниваете библиотеки ассетов с инструментами для исследования интерфейсов, посмотрите Refero — библиотека реальных экранов и UX-паттернов для design research.

Связанные материалы

• База знаний: AI-генераторы дизайна: обзор инструментов
• База знаний: Refero Styles — библиотека DESIGN.md из реальных продуктов для AI-агентов
• База знаний: DESIGN.md — дизайн-система в одном файле для AI-кодинга

Готовые ассеты особенно полезны командам, которые собирают интерфейсы и контент в связке с Figma или ИИ-инструментами и хотят сократить ручной поиск ресурсов.

Если захотите обсудить, как это применить у себя или в команде — пишите в Telegram @pimenov