Редакторов вокруг много, но немногие выдерживают темп реальных задач. Бесплатные графические редакторы для веб-дизайна: Figma, GIMP, Photopea закрывают три разных пласта работы и удивительно хорошо уживаются в одном процессе. Я не раз брал их в дорогу, в цейтнот и в спокойную шлифовку деталей, и каждый раз они спасали время и нервы.
Когда нужен конструктор интерфейсов: Figma
Figma хороша там, где важна структура, повторяемость и командная синхронизация. Компоненты с вариантами, автолэйаут, сетки и ограничения по осям помогают быстро собрать экраны, а потом без боли перестроить их под другой брейкпоинт. Прототипы кликаются за минуты, чтобы проверить сценарий и показать ход мысли разработчику.
Экспорт ассетов гибкий: форматы SVG, PNG, PDF, множители масштаба и подписи для 2x и 3x. Плагины ускоряют рутину, от иконсет‑менеджеров до генераторов контента. На бесплатном тарифе можно работать в личных файлах, делиться ссылками и приглашать коллег, а для дизайн‑систем и библиотек уже пригодятся платные опции.
Когда править пиксели и тон: GIMP
GIMP берёт на себя всё, что связано с растровой точностью. Маски и каналы, кривые и уровни, кисти и клоны помогают довести текстуры, иллюстрации и фотографии до нужного характера. Для веба хватает sRGB, мягкой резкости после уменьшения и аккуратной компрессии при экспорте в PNG или WebP.
Скрипты на Script‑Fu и Python‑Fu выручают при пакетной обработке: пересохранить пачку иконок, подогнать размеры превью, проставить прозрачность. Пути можно вынести в SVG и дорисовать в другом редакторе, если нужны чистые векторы. Проект открытый, кроссплатформенный, обновляется регулярно и живёт на энтузиазме сообщества.
Когда нужен фотошоп без установки: Photopea
Photopea запускается прямо в браузере и удивляет совместимостью с PSD. Привычные слои, стили, смарт‑объекты, шрифты и направляющие позволяют править баннер, шапку или презентационный макет на любом компьютере. Экспорт в PNG, JPG, WebP, SVG и PDF закрывает типовые потребности.
Файлы обрабатываются локально в окне браузера, так что интернет здесь скорее про загрузку самого инструмента. Бесплатная версия живёт с ненавязчивой рекламой, подписка убирает её и даёт чуть больше комфорта. В дороге я не раз правил PSD‑макеты прямо на чужом ноутбуке, не устанавливая ничего лишнего.
Сравнение по задачам
Инструменты не конкурируют, а дополняют друг друга. Ниже короткая карта, которая помогает быстро выбрать, с чего начать.
| Задача | Figma | GIMP | Photopea |
|---|---|---|---|
| Каркас и дизайн‑система | Компоненты, автолэйаут, прототип | Не профиль | Базовые макеты, без библиотек |
| Ретушь, текстуры, пиксель‑арт | Минимально | Сильные растровые инструменты | Удобно и быстро в браузере |
| Экспорт ассетов для фронтенда | SVG, множители, инспектор | Точная компрессия, WebP | Гибкий экспорт, PSD‑совместимость |
| Совместная работа | Онлайн и комментарии | Файловый обмен | Ссылки и правки на лету |
Сценарии из практики
Часто я начинаю с каркаса в Figma, чтобы согласовать логику. После первого раунда комментариев выношу сложные иллюстрации в GIMP, там же чищу фото для карточек и проверяю читаемость на тёмных фонах. Готовые изображения возвращаются в Figma и ложатся в компоненты без сюрпризов.
Бывают дни, когда спасает только Photopea. Срочно заменить фон на баннере, поправить паддинг в PSD от подрядчика, вытащить иконку из чужого файла и отдать разработчику SVG. Открыл ссылку, сделал дело, сохранил в нужном формате и поехал дальше.
- Прототип и обсуждение логики экрана — Figma.
- Точная правка изображений, ретушь, шумоподавление — GIMP.
- Оперативные правки PSD и экспорт в веб‑форматы без установки — Photopea.
- Сборка ассетов на релиз: проверка размеров, множителей и форматов — все трое по роли.
Как выбирать и сочетать
Отталкивайтесь от задачи. Нужна модульность и масштабирование под разные устройства — начинайте в Figma. Требуется тонкая работа с пикселем и компрессией — открывайте GIMP. Нет доступа к рабочей машине, но надо править макет — помогает Photopea.
Комбинируйте инструменты, но держите единый набор правил: сетки и типографика живут в Figma, экспортные пресеты для изображений храните в GIMP, а в Photopea оставляйте быстрые правки без долгих веток истории. Так стек остаётся лёгким, а результат — предсказуемым.
В итоге каждый из трёх закрывает свою нишу и не спорит с другими. Выбирая их разумно, легко пройти путь от чернового наброска до аккуратного интерфейса, который сразу хочется запускать в работу.