10 бесплатных инструментов, которые должны быть в закладках у любого дизайнера
Дизайнерская работа состоит не только из творческих задач в Figma или Photoshop, но и из десятка мелких технических дел — сжать картинку под лимит хостинга, вырезать фон с референса, накинуть водяной знак на портфолио. Держать под рукой набор быстрых бесплатных инструментов для таких задач экономит куда больше времени, чем кажется. Вот десять (а на самом деле тринадцать), которые стоит добавить в закладки.
Ни один из инструментов ниже не требует регистрации или установки — все работают прямо в браузере, часть полностью локально, без отправки файлов на сервер. Основной список специально ограничен десятью пунктами, чтобы его реально можно было запомнить и держать под рукой, а не потеряться среди сотни закладок; ещё три бонусных пункта — для тех, кто регулярно соприкасается с разработкой.
1. Сжать изображение
Перед выгрузкой макета на сайт или отправкой клиенту стоит сжать превью: сайты и почта одинаково не любят тяжёлые файлы. «Сжать изображение» — ползунок качества позволяет найти баланс между весом и детализацией за секунды, без Photoshop, а поддержка JPG, PNG, WebP и AVIF на входе и выходе покрывает практически любой формат, с которым приходится работать дизайнеру.
2. Удалить фон
«Удалить фон» — нейросеть вырезает объект с фото без ручного выделения контура: удобно для быстрых макетов, карточек товаров или референсов, где не нужна ювелирная точность маски. Результат сохраняется в PNG с прозрачным фоном, который сразу можно наложить на любой другой слой в макете.
3. Увеличить изображение
Когда клиент присылает логотип в маленьком разрешении, а нужно вставить его в большой баннер, «Увеличить изображение» с помощью нейросети выручает куда лучше, чем растягивание в редакторе — вместо размытых пикселей алгоритм достраивает правдоподобные детали. Особенно заметна разница при увеличении в 3-4 раза.
4. Водяной знак
Перед публикацией работ в открытом портфолио полезно обозначить авторство — «Водяной знак» накладывается за пару кликов, с настройкой прозрачности, размера текста и позиции на изображении. Это не защитит на 100% от копирования, но заметно снижает соблазн выдать чужую работу за свою в чужом портфолио.
5. QR-код
Для полиграфии — визиток, постеров, упаковки — «QR-код» на ссылку или контакты генерируется мгновенно и скачивается сразу в виде картинки для печати. Пригодится и для интерактивных элементов презентаций — код на слайде, ведущий на живое портфолио.
6. AVIF конвертер
Если вы сдаёте макет с готовыми ассетами для сайта, экспорт через «AVIF конвертер» вместо JPG сразу даёт клиенту более лёгкие файлы без видимой потери качества — а значит, и более быстрый сайт, за который в итоге хвалят дизайнера, а не только разработчика.
7. Обрезать изображение
«Обрезать изображение» — быстро подрезать референс или скриншот под нужный кадр, без открытия графического редактора ради одной операции. Координаты области задаются в пикселях вручную, так что результат получается точным с первого раза.
8. Изменить размер
Точный размер в пикселях под требования конкретной площадки (аватарки, баннеры, карточки маркетплейсов) — «Изменить размер» задаётся вручную, без догадок «на глаз». Особенно полезно для соцсетей, где у каждой платформы свои строгие требования к пропорциям обложек и превью.
9. Base64
«Base64» пригодится, если верстаете лендинг и хотите вставить маленькую иконку прямо в CSS без лишнего запроса к серверу — иногда это ощутимо ускоряет загрузку страницы с десятками мелких декоративных элементов, каждый из которых иначе потребовал бы отдельного запроса.
10. Генератор паролей
Для новых аккаунтов в сервисах для работы — Figma, Dribbble, облачных хранилищах — быстрее сгенерировать надёжный уникальный пароль через «Генератор паролей», чем придумывать самому. Пароль нигде не сохраняется — только показывается один раз в браузере, так что скопируйте его сразу в менеджер паролей.
11. PDF в Word
Если клиент присылает бриф или техническое задание в PDF, а хочется процитировать кусок текста или быстро внести правки, «PDF в Word» избавляет от переписывания вручную. Это один из немногих инструментов на сайте, где файл ненадолго уходит на сервер для распознавания вёрстки — подробности в Политике конфиденциальности. Результат приходит в виде обычного DOCX, который открывается в любом текстовом редакторе, включая бесплатные онлайн-варианты.
12. Конвертер таблиц
«Конвертер таблиц» пригодится, если смета или бриф приходят в Excel, а для прототипа нужны данные в JSON — или наоборот, если выгрузку из внутренней системы нужно превратить в аккуратную таблицу для презентации клиенту. Предпросмотр данных перед конвертацией помогает сразу заметить, если что-то в исходном файле съехало.
13. Мой IP
Иногда полезно быстро узнать свой текущий публичный IP-адрес — например, при настройке доступа к тестовому серверу, чтобы показать макет клиенту или разработчику. «Мой IP» показывает адрес и примерную геолокацию без лишних действий, не требуя ни установки утилит командной строки, ни поиска ответа на сторонних сайтах с рекламой.
Все тринадцать инструментов бесплатны, не требуют регистрации и работают прямо в браузере — большинство обрабатывает файлы полностью локально, без отправки на сервер (подробнее о том, какие инструменты и почему используют сервер, — в Политике конфиденциальности). Дизайнерская работа не ограничивается визуальными задачами, и держать под рукой пару утилитарных инструментов на стыке с разработкой — от конвертации таблиц до проверки IP — оказывается неожиданно полезным. Добавьте страницу в закладки — пригодится чаще, чем кажется, особенно в моменты, когда до дедлайна остаётся полчаса, а под рукой нет ничего, кроме браузера и списка вкладок в истории.