Сколько стоит начать в веб-дизайне: что купить на старте и на чём не переплатить

Сколько стоит начать в веб-дизайне, если считать только то, без чего не сесть за первую работу? Обычно от пары тысяч рублей, а часто и вовсе с нуля: подходящий компьютер у большинства уже есть, редактор макетов берётся бесплатно, домен и хостинг покупаются позже, под конкретный заказ. Дорогая техника и подписки на всё сразу на входе не окупятся.

Но у экономии есть предел, за которым дешёвое начинает обходиться дороже. Где именно этот предел, разберём по деньгам и оборудованию, без обещаний про доход.

Что входит в разумный старт:

• компьютер или ноутбук, который у вас уже есть;
• бесплатный редактор макетов, доступный из России;
• шрифты и фотографии с чистой лицензией;
• место, где показывать работы будущему заказчику.

Что покупать рано:

• топовый игровой компьютер и второй монитор;
• платные подписки на сервисы до первого заказа;
• дорогие марафоны, которые обещают заказы после оплаты;
• готовые платные ассеты, пока не с чем работать.

Что реально нужно, чтобы начать в веб-дизайне

Если коротко: без чего не сесть за работу, стоит недорого. Редактор макетов берётся бесплатно, домен .RU обходится от 199 ₽ за регистрацию и 399 ₽ за продление в год, а простой хостинг под сайт о себе начинается от 180 ₽ в месяц при годовой оплате. Мощная техника на старте не нужна.

Минимальный набор новичка делится на три части: на чём работать, в чём рисовать и чем наполнять макет. Первая часть у большинства уже закрыта. Вторая и третья закрываются бесплатно. Платить приходится только за то, что относится к вашему собственному сайту, да и то не сразу.

Вот как выглядит стартовый список с ценами. Все суммы проверены 27 августа 2026 года по страницам вендоров, ссылки в блоке «Источники».

Что нужно	Бесплатно или платно	Цена диапазоном
Компьютер или ноутбук	обычно уже есть	0 ₽, если техника на руках
Редактор макетов (Pixso, Penpot, Lunacy)	бесплатный тариф	0 ₽
Шрифты с чистой лицензией	бесплатно	0 ₽
Фотографии со стоков	бесплатно	0 ₽
Место для работ (Behance)	бесплатно	0 ₽
Домен .RU или .РФ	платно, по факту заказа	от 199 до 399 ₽ в год
Хостинг под свой сайт	платно, по факту заказа	от 180 до 393 ₽ в месяц

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

Какой компьютер нужен новичку и сколько он стоит?

Если коротко: если компьютер уже есть, отдельная покупка под макеты не нужна, и это 0 ₽ на старте. Для макетов в браузере хватает обычного ноутбука или домашнего ПК среднего уровня. Отдельного норматива «сколько гигабайт нужно веб-дизайнеру» в отрасли нет, ориентир задают системные требования самой программы. Разбор того, как понять, тянет ли компьютер тяжёлый редактор, устроен по тому же принципу: сначала смотрим требования программы, потом решаем про железо.

Главная ошибка тут звучит так: «сначала куплю мощную машину, потом начну». Это откладывает старт на месяцы и съедает деньги, которые пригодятся позже. Браузерные редакторы макетов работают почти на любом железе. Растровую графику под несложные задачи тянет средний ноутбук.

Что действительно влияет на комфорт, так это экран и скорость. Приятнее работать на мониторе, где цвета не врут и текст читается без напряжения. Быстрый диск и достаточный объём оперативной памяти ускоряют не столько рисование, сколько всё вокруг него: браузер, десяток вкладок, переключение между макетом и референсами.

Апгрейд по этим двум пунктам имеет смысл. Гнаться за игровой видеокартой ради макетов сайта смысла нет.

В чём рисовать макеты, если Figma работает нестабильно?

Если коротко: доступ к Figma из России нестабилен, а бесплатный тариф ограничен. Новичку удобнее сразу взять редактор, который открывается без сложностей: Pixso работает из РФ без ограничений, с бесплатным тарифом и импортом файлов Figma. Penpot и Lunacy тоже бесплатны. Платить за редактор макетов на старте не нужно.

Редактор макетов служит дизайнеру рабочим столом: в нём собирают экраны сайта, раскладывают блоки, подбирают шрифты и цвета, готовят мобильную версию. Долгое время стандартом была Figma, и многие обучающие материалы всё ещё завязаны на неё. Но доступ к ней из России сегодня то есть, то пропадает, а без стабильного инструмента учиться неудобно.

Практичнее собрать процесс на том, что открывается всегда. Pixso ближе всего к Figma по логике и переносит её файлы. Penpot полностью бесплатный и живёт в браузере.

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

Разбираться в инструменте лучше на практике. Базовые приёмы удобно ставить по гайду о том, как работать в Figma новичку: интерфейс у альтернатив похожий, навыки переносятся почти без потерь. Следующим шагом стоит собрать кликабельный прототип экрана, чтобы показывать заказчику рабочую логику вместо статичной картинки.

Полный список программ, которые нужны для разных задач, собран в обзоре редакторов для дизайнеров.

Где брать шрифты и картинки, чтобы не нарушить лицензию?

Если коротко: шрифты и фотографии для макета берутся бесплатно и легально. Google Fonts отдаёт сотни семейств под открытой лицензией с разрешённой коммерцией, у Paratype есть бесплатные кириллические шрифты серии PT, а фото дают стоки Unsplash и Pexels. Правило одно: проверять лицензию каждого файла и не тянуть картинку из поиска.

Шрифт и фотография в макете попадают в зону юридического риска. Если взять шрифт с сомнительного сайта или картинку из поисковой выдачи, потом за это может прилететь претензия правообладателя, и платить будете либо вы, либо ваш заказчик. Поэтому чистая лицензия важнее красоты.

Бесплатных и легальных источников хватает. Google Fonts закрывает почти любую задачу по типографике, включая кириллицу. Paratype даёт узнаваемые русские шрифты серии PT. Фотографии берут на Unsplash и Pexels, где многое доступно даже для коммерции.

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

Готовые работы тоже нужно где-то держать, и это бесплатно. Витрину удобно вести на Behance: как аккуратно оформить кейс для дизайнеров, мы показывали пошагово.

На что новичок тратит деньги зря?

Если коротко: больше всего денег теряют на громких обещаниях. Дорогие марафоны с гарантией заказов, топовый компьютер «на вырост» и платные наборы шаблонов до первого клиента съедают бюджет впустую. Учиться и собирать портфолио можно на бесплатном софте, а платить точечно, когда появляется конкретная задача.

Три статьи расходов, на которых теряют чаще всего.

1. Дорогие курсы и марафоны, где главный оффер звучит как «заказы сразу после оплаты». Навык так не появляется, зато деньги уходят. Учиться полезно, но выбирать программу стоит по содержанию, а обещания заказов сразу лучше пропускать мимо ушей.
2. Мощная техника с запасом «чтобы точно хватило». Пока задачи простые, разницы между средним ноутбуком и топовой сборкой вы не почувствуете. Апгрейд оправдан, когда упрётесь в конкретный тормоз.
3. Платные шрифты, иконки и шаблоны, купленные впрок. Пока нет проекта, они лежат мёртвым грузом. Бесплатные библиотеки закрывают почти всё, а под конкретный заказ докупить нужное проще и дешевле.

Отдельная ловушка: попытка сэкономить время за счёт качества макета. Спешка мимо ТЗ и референсов, слабая типографика, однотипные стоковые картинки: всё это потом всплывает правками и стоит времени всей команде. Подробный разбор таких промахов собран в статье про ошибки в первом макете сайта.

На чём в веб-дизайне нельзя экономить?

Если коротко: экономить нельзя на трёх вещах: на лицензии софта и шрифтов, на читаемом экране и на скорости компьютера под свои задачи. Пиратская программа грозит претензией и нестабильной работой, плохой монитор портит цвет и глаза, медленная машина крадёт часы. Всё остальное на старте урезается спокойно.

Экономия хороша ровно до того момента, пока не начинает стоить дороже. Чистая лицензия на софт и шрифты защищает от претензий: легальный набор целиком бесплатный, поэтому пиратство здесь не экономит совсем ничего, зато добавляет риск. Монитор с адекватной цветопередачей нужен по прямой рабочей причине: если цвет на экране врёт, макет у заказчика выглядит иначе, и правки идут по кругу.

Скорость компьютера тоже относится к рабочим расходам. Когда машина еле тянет браузер и редактор, вы платите часами ожидания вместо денег. Считать это стоит честно: если техника ощутимо тормозит каждый день, апгрейд окупается быстрее, чем кажется. А вот на обучении, на разборе ТЗ и на времени, вложенном в аккуратность, экономить нельзя ничем.

Что оплачивается рублями, а что нет?

Если коротко: всё, что нужно технически, оплачивается рублями с обычной карты. Домен .RU стоит от 199 до 399 ₽ в год, российский хостинг берёт рубли, редакторы макетов бесплатны. Сложности бывают только с оплатой части зарубежных сервисов, но у каждого из них есть замена, работающая из России.

Хорошая новость для бюджета: базовый набор целиком оплачивается в рублях. Домен и хостинг у российских регистраторов покупаются картой без плясок с валютой. Собственный сайт о себе на таком хостинге собирается за вменяемые деньги, а первые полезные шаги по его продвижению разобраны в материале про запуск SEO на новом домене.

Сложности остаются с частью зарубежных сервисов: у них бывают проблемы с оплатой российской картой или нестабильный доступ. Ключевой принцип простой: под каждую такую позицию есть замена, которая открывается из России и работает легально.

Позиция	Оплата рублями	Зарубежный вариант с затыком	Чем заменить из России
Домен и хостинг	да, картой российского регистратора	нет, всё российское	замена не нужна
Редактор макетов	бесплатно	Figma: картой РФ не оплатить, доступ нестабилен	Pixso, Penpot, Lunacy
Генерация картинок для референсов	бесплатно	иностранная подписка не проходит	Kandinsky, «Шедеврум»

Логика простая: технический минимум закрывается рублями или вовсе бесплатно, а где зарубежный сервис капризничает, рядом стоит рабочая замена из России. Обходить блокировки и оплату серыми схемами ради этого не нужно: доступный инструмент почти всегда находится.

Что докупить на втором месяце под первые заказы?

Если коротко: докупать что-то есть смысл, когда появился оплаченный заказ. По расценкам биржи лендинг оценивают от 10 000 до 20 000 ₽, и с первого гонорара логично закрыть то, что реально мешало: платный тариф редактора, домен и хостинг под сайт клиента, второй экран. До заказа это лишние траты.

Второй месяц отличается от первого тем, что появляются реальные задачи и первые деньги. Теперь траты привязаны к конкретной работе, а значит, они окупаются. Порядок обычно такой: сначала берёте заказ на бесплатном наборе, затем часть гонорара возвращаете в инструменты.

Что чаще всего докупают по факту заказов:

• платный тариф редактора, если упёрлись в лимиты бесплатного;
• домен и хостинг, когда нужно показать клиенту живой сайт;
• второй монитор, если постоянно не хватает места на экране;
• отдельный платный шрифт или набор иконок под конкретный проект.

Где эти первые заказы искать, подробно разобрано в соседней статье про первые заказы веб-дизайнера, а трезвые ориентиры по деньгам собраны в материале про то, сколько зарабатывает новичок. Если хочется идти по шагам и не собирать знания по кускам, основы этой работы разбирают на курсе «Веб-дизайн с нуля».

Когда дёшево выходит дороже?

Если коротко: дешёвое выходит дороже в двух случаях: когда экономят на легальности и когда экономят на времени. Пиратский софт добавляет риск претензии и сбоев, а потерянные исходники и правки без ТЗ приходится переделывать по кругу. Честнее сразу взять бесплатный легальный инструмент и заложить время на аккуратность.

Соблазн скачать взломанную программу понятен: кажется, что так экономишь. На деле экономии нет. Легальный набор редакторов бесплатный, поэтому пиратская версия не даёт выигрыша в деньгах, зато приносит нестабильную работу, отсутствие обновлений и юридический риск. Для дела, которое строится на доверии заказчика, это плохая основа.

Второй способ переплатить незаметно: сэкономить на времени и на внимании к делу. Работа без ТЗ, без референсов и без проверки макета оборачивается бесконечными правками, а они стоят дороже любой подписки. Сюда же относится попытка сэкономить на обучении, хватая бесплатные обрывки вместо системы. Сколько на самом деле стоит и сколько занимает вход в смежное ремесло, честно показано в разборе про то, за сколько осваивают графический дизайн.

Сколько всего стоит войти в веб-дизайн?

Если коротко: собрать рабочее место для старта в веб-дизайне можно за 0 ₽, если техника уже есть. Первые обязательные траты появляются вместе с заказом: домен от 199 ₽ в год и хостинг от 180 ₽ в месяц. Итого вход в дело измеряется тысячами рублей и растягивается во времени.

Сложим картину целиком. На старте, когда вы учитесь и собираете первые макеты, расходы стремятся к нулю: компьютер есть, редактор бесплатный, шрифты и фото легальные и тоже бесплатные. Первые обязательные деньги появляются, когда доходит до собственного сайта или до заказа клиента: это домен за пару сотен рублей в год и хостинг за пару сотен рублей в месяц.

Даже с учётом апгрейдов вроде второго монитора или платного тарифа речь идёт о тысячах рублей, распределённых во времени, без разовых десятков тысяч. Похожая логика бюджета работает и в соседних цифровых направлениях: во сколько обходится вход в другое творческое дело, посчитали в разборе сколько стоит войти в геймдизайн. Куда двигаться после базы, тоже полезно понимать заранее: чем работа с сайтами отличается от UX и UI, мы разбирали в отдельной статье. Это следующая ступень, необязательная для стартового бюджета.

Вопросы про старт и бюджет веб-дизайнера

Сколько денег реально нужно, чтобы начать в веб-дизайне?

Если компьютер у вас уже есть, старт обходится в 0 ₽: редактор макетов, шрифты и стоки бесплатны и легальны. Первые обязательные траты появляются под заказ или под собственный сайт: домен от пары сотен рублей в год и хостинг от пары сотен рублей в месяц.

Можно ли учиться веб-дизайну на обычном ноутбуке?

Да. Браузерные редакторы макетов работают на обычном ноутбуке или домашнем ПК среднего уровня. Мощная сборка нужна для тяжёлого 3D и видео, для макетов сайтов она избыточна. Апгрейд оправдан только тогда, когда техника реально тормозит вашу ежедневную работу.

Какой редактор макетов выбрать вместо Figma?

Практичный вариант из России, Pixso: бесплатный тариф, стабильный доступ, импорт файлов Figma. Есть и альтернативы: браузерный Penpot и десктопный Lunacy, который работает офлайн. У всех троих бесплатного тарифа новичку хватает надолго.

Обязательно ли покупать домен и хостинг на старте?

Нет. Пока вы учитесь и собираете портфолио, они не нужны: работы удобно показывать на бесплатных площадках вроде Behance. Домен и хостинг берут по факту, когда нужно показать клиенту живой сайт или собрать собственную визитку.

Что купить в первую очередь после первого заказа?

Сначала то, что мешало в работе: платный тариф редактора, если упёрлись в лимиты, домен и хостинг под сайт клиента. Второй монитор и платные шрифты докупают позже, по мере роста числа задач, но точно не в первый день.

Источники

• Beget. Изменение цен на домены .RU и .РФ с 1 января 2026
• Timeweb. Виртуальный хостинг: тарифы и цены
• Arvess. Аналоги Figma, доступные из России
• Paratype. О бесплатных шрифтах серии PT
• FL.ru. Расценки дизайнеров на бирже фриланса
• vc.ru. Частые ошибки начинающих веб-дизайнеров