No-code и макеты

9 курсов по веб-дизайну без программирования

В каталоге KGAM.blog собраны программы, где веб-дизайн можно изучать без обязательного программирования. Сразу разделяем два результата: Tilda даёт опубликованный сайт, Figma — макет и прототип для передачи разработчику. Это не одно и то же, и продавать их как одно — лукавство.

Смотреть курсы без кода

Проверено по программе

Курсы на этой странице

9 программ без обязательного кодинга. Первые три — редакционная точка старта, не абсолютный рейтинг.
1

Skillbox

Дизайнер сайтов на Tilda

Skillbox ведёт до опубликованной страницы на Tilda: структура, Zero Block, адаптив, формы и домен собираются без ручной вёрстки. Код не нужен, но от логики контента и аккуратной мобильной версии конструктор не спасёт.

Что проверить

Уточните, входит ли тариф Tilda, кто проверяет формы после публикации и остаётся ли проект в вашем аккаунте.

Смотреть курс
2

Яндекс Практикум

Курс «Веб-дизайнер»

В Яндекс Практикуме студент проектирует сайт в Figma и готовит понятный handoff разработчику. Самому программировать не придётся; зато надо уметь объяснить сетку, состояния и поведение адаптива, чтобы макет не развалился на этапе сборки.

Что проверить

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

Смотреть курс
3

Нетология

Веб-дизайнер

Нетология учит структуре, компонентам, прототипу и мобильным версиям в Figma без обязательного изучения HTML и CSS. Подойдёт тем, кто хочет отвечать за макет и передачу, но не планирует становиться фронтендером.

Что проверить

Спросите, насколько подробно разбирают ограничения вёрстки и проверяют ли исходник перед handoff.

Смотреть курс

ProductStar

Создание сайтов на Tilda

ProductStar даёт короткий маршрут по Tilda: стандартные секции, Zero Block, адаптив, формы, аналитика и подключение домена. Это практичный вариант для предпринимателя или маркетолога, которому нужен один рабочий сайт без кода.

Что проверить

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

Смотреть курс

НАРХИ

Дизайнер сайтов на Tilda

НАРХИ соединяет композицию и текстовый контент со сборкой сайта в Tilda. Студент настраивает Zero Block, мобильную версию, формы и публикацию, поэтому результат можно открыть в браузере, а не показывать только картинкой.

Что проверить

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

Смотреть курс

Skillbox

Профессия Веб-дизайнер + ИИ

Профессия Skillbox строится вокруг Figma, адаптивных макетов и ИИ-черновиков; программирование не является входным требованием. Это длинный путь в дизайн, где код заменён передачей разработчику, а не магически исчез из производства сайта.

Что проверить

Выясните, сколько часов посвящено handoff и ограничениям браузера, чтобы решения были не только эффектными, но и реализуемыми.

Смотреть курс

ProductStar

Веб-дизайн в Figma

Узкий курс ProductStar помогает собрать лендинг в Figma: wireframe, сетка, повторяемые блоки и версии для desktop и mobile. Писать код не надо, однако итог остаётся макетом — для публикации нужен разработчик или перенос в конструктор.

Что проверить

До оплаты спросите, проверяют ли спецификации, экспорт и готовность файла к реальной вёрстке.

Смотреть курс

Бруноям

Веб-дизайнер с нуля

Бруноям проводит один веб-проект от брифа и wireframe до компонентов, адаптива и портфолио. В программе можно сосредоточиться на дизайне без изучения разработки, но базовое понимание ограничений HTML и CSS всё равно пригодится.

Что проверить

Попросите пример ревью мобильной версии и выясните, кто оценивает реализуемость макета.

Смотреть курс

Videoforme

Курсы веб-дизайна для начинающих

Короткая программа Videoforme знакомит с Figma, сетками и простым лендингом с мобильной версией. Это способ попробовать веб-дизайн без кода и без годовой профессии; полноценного запущенного сайта после двух месяцев ждать не стоит.

Что проверить

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

Смотреть курс

Сузить подборку

в Figma на Tilda UX/UI с нуля по дизайну лендингов по дизайну мобильных приложений по дизайн-системам для фриланса с портфолио

Без кода — не значит без технической базы

Дизайнеру необязательно писать HTML и CSS, но полезно понимать сетки, брейкпоинты, состояния интерфейса и ограничения браузера. Иначе разработчик получит красивый макет, который приходится переделывать с нуля. В Tilda часть ограничений берёт на себя конструктор, но тестировать мобильную версию и формы всё равно придётся.

Выберите результат до выбора курса

Если нужен опубликованный лендинг, ищите Tilda, Zero Block, домен, формы и аналитику. Если цель — профессия дизайнера, важнее Figma, компоненты, адаптив, прототип и handoff. Курс может быть отличным, но не для вашей задачи; тут обычно и сгорают деньги.

Что проверить перед оплатой

Запросите пример обычного задания, формат ревью и точный итоговый проект. Для конструктора уточните тариф и владельца аккаунта. Для Figma — кто проверяет исходник и готовность к разработке. Обещание «создадите сайт без кода» ничего не стоит, пока непонятно, будет это живой URL или картинка.

9 курсов по веб-дизайну без программирования
KGAM.Blog