[{"data":1,"prerenderedAt":115},["ShallowReactive",2],{"blog-post-ii-umeet-narisovat-sajt-za-30-sekund-zachem-togda-dizajner":3},["Reactive",4],{"id":5,"title":6,"content":7,"excerpt":8,"date":9,"dateISO":10,"time":11,"image":12,"link":13,"categories":14,"tags":19,"slug":20,"author":21,"modified":22,"yoast":23},81,"ИИ может нарисовать сайт за 30 секунд, зачем тогда дизайнер?","\n\u003Cp class=\"wp-block-paragraph\">Еще недавно создание сайта начиналось примерно одинаково.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Бриф, анализ конкурентов, прототип, несколько вариантов первого экрана, правки, еще правки, макет в Figma.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Теперь можно открыть сервис с ИИ, написать:\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Сделай современный сайт для строительной компании. Темный фон, крупная типографика, проекты на первом экране.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">И через минуту перед вами уже что-то похожее на сайт.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Иногда даже подозрительно хорошее.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Figma Make, например, уже умеет по текстовому описанию собирать структуру страницы, оформление, интерактивные элементы и рабочий код. То есть речь давно не только о красивой картинке.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Возникает вполне логичный вопрос.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>Если все это теперь делает нейросеть, зачем бизнесу вообще платить дизайнеру?\u003C/strong>\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Потому что нарисовать сайт и спроектировать сайт — разные задачи\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Попросить ИИ сделать «современный сайт стоматологии» довольно просто.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">И результат, скорее всего, действительно будет похож на современный сайт стоматологии.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">В этом одновременно и преимущество, и проблема.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Нейросеть отлично знает, \u003Cstrong>как обычно выглядят такие сайты.\u003C/strong>\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Первый экран.\u003Cbr>Большая фотография.\u003Cbr>Преимущества.\u003Cbr>Услуги.\u003Cbr>Отзывы.\u003Cbr>Форма записи.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Получается аккуратно. Иногда даже очень аккуратно.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Но бизнес редко приходит с задачей «нам нужен сайт, похожий на остальные сайты».\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Обычно задача звучит иначе:\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">почему люди заходят и не оставляют заявку;\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">как объяснить сложную услугу;\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">что показать первым — цену, результат или процесс;\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">как разделить две совершенно разные аудитории;\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">почему пользователь должен выбрать именно эту компанию.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">И здесь генерация красивого первого экрана почти ничего не решает.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">ИИ дает ответ на тот вопрос, который ему задали\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Это, пожалуй, главное ограничение.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Если попросить:\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Сделай красивый сайт юридической компании.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">ИИ сделает красивый сайт юридической компании.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Но он не спросит сам себя, почему 70% клиентов этой компании приходят с одним конкретным типом проблемы и почему именно эту услугу, возможно, нужно поставить на первый экран.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Он не присутствовал на встречах с отделом продаж.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Не видел записи разговоров с клиентами.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Не знает, почему пользователи бросают форму после третьего поля.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Все это сначала нужно выяснить.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">И только потом появляется дизайн.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Поэтому роль дизайнера постепенно смещается. Меньше времени уходит на механическую отрисовку каждого блока, больше — на формулирование самой задачи.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Причем дизайнеры уже активно используют ИИ\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Здесь тоже есть забавное противоречие.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Обсуждение часто строится так, будто существуют дизайнеры с одной стороны и нейросети с другой.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">На практике дизайнер зачастую первым и открывает нейросеть.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">В свежем обзоре процессов дизайнеров на Хабре описывается довольно показательный подход: основной макет собирается человеком, а ИИ используется для создания дополнительных состояний интерфейса — ошибок, загрузки, пустых экранов и других вариантов. Затем система помогает проверить сборку на технические несоответствия.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Это довольно хорошо показывает, куда все движется.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Не:\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>дизайнер или ИИ.\u003C/strong>\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">А:\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cstrong>дизайнер с ИИ или дизайнер без ИИ.\u003C/strong>\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Figma в своем исследовании 2026 года сообщает, что генеративный ИИ уже используют 72% опрошенных дизайнеров.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">То есть сама профессия никуда не исчезает. Просто часть работы резко дешевеет по времени.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">И это хорошая новость для клиента\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Раньше дизайнер мог потратить несколько часов на то, чтобы показать три направления первого экрана.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Теперь часть вариантов можно получить значительно быстрее.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Можно раньше проверить идею.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Быстрее собрать прототип (черновую рабочую модель сайта).\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Посмотреть несколько визуальных направлений.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Проверить необычную анимацию до полноценной разработки.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Создать дополнительные состояния страниц, которые раньше часто вообще оставались «на потом».\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">В итоге ценность ИИ не обязательно заключается в том, чтобы убрать дизайнера из проекта.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Гораздо интереснее убрать из проекта часть рутинной работы дизайнера.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Но есть эффект «все стало немного одинаковым»\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Если долго смотреть на сайты, созданные по коротким запросам к нейросетям, постепенно начинаешь замечать знакомые решения.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Огромный заголовок.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Скругленные карточки.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Градиент.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Три преимущества.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Большая кнопка.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Красивый трехмерный объект где-то справа.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Это не потому, что ИИ «плохо рисует».\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Наоборот. Он очень хорошо воспроизводит визуальные решения, которые уже существуют.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Если бизнесу важно отличаться от конкурентов, одной генерации уже недостаточно.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Именно поэтому сделать \u003Cstrong>норм сайт с помощью ИИ становится все проще.\u003C/strong>\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">А сделать сайт, который действительно соответствует конкретному бизнесу, — все еще сложная задача.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Самое интересное начинается после первой красивой картинки\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Допустим, нейросеть сделала отличный первый экран.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Что дальше?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Как он выглядит на телефоне?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Что происходит, если заголовок услуги в два раза длиннее?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Куда попадает человек после нажатия кнопки?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Как выглядит ошибка в форме?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Что увидит постоянный клиент, а что новый?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Что будет, если у компании не три услуги, а двадцать семь?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Как сайт будет развиваться через год?\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Вот здесь дизайн превращается из картинки в систему.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">И чем сложнее продукт, тем быстрее заканчивается эффект «я написал один запрос и получил готовый сайт».\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Что с этим делаем мы\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Не пытаемся делать вид, что ИИ ничего не изменил.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Изменил, и довольно сильно.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Мы используем его там, где он действительно сокращает путь от идеи к результату: при поиске визуальных направлений, создании прототипов, работе с вариантами интерфейса и проверке гипотез.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Потому что клиенту в конечном итоге нужен не макет, который удалось сделать за 30 секунд.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Ему нужен сайт, который решает его задачу.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">И здесь дизайнер нужен.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Просто теперь у него появился очень быстрый помощник.\u003C/p>\n","\u003Cp>Еще недавно создание сайта начиналось примерно одинаково. Бриф, анализ конкурентов, прототип, несколько вариантов первого экрана, правки, еще правки, макет в Figma. Теперь можно открыть сервис с ИИ, написать: Сделай современный сайт для строительной компании. Темный фон, крупная типографика, проекты на первом экране. И через минуту перед вами уже что-то похожее на сайт. Иногда даже подозрительно […]\u003C/p>\n","8 сентября 2026 г.","2026-09-08T12:38:07.000Z","4 мин","https://smart4start.ru/content/wp-content/uploads/2026/09/1111.png","https://smart4start.ru/content/2026/09/08/ii-umeet-narisovat-sajt-za-30-sekund-zachem-togda-dizajner/",[15],{"name":16,"id":17,"slug":18},"Дизайн",1,"design",[],"ii-umeet-narisovat-sajt-za-30-sekund-zachem-togda-dizajner","smart","2026-09-08T17:12:43",{"title":24,"description":25,"ogTitle":24,"ogDescription":26,"ogImage":27,"ogUrl":13,"twitterTitle":25,"twitterDescription":25,"twitterImage":25,"canonical":25,"robots":28,"schema":34},"ИИ может нарисовать сайт за 30 секунд, зачем тогда дизайнер? - smart4start","","Еще недавно создание сайта начиналось примерно одинаково. Бриф, анализ конкурентов, прототип, несколько вариантов первого экрана, правки, еще правки, макет в Figma. Теперь можно открыть сервис с ИИ, написать: Сделай современный сайт для строительной компании. Темный фон, крупная типографика, проекты на первом экране. И через минуту перед вами уже что-то похожее на сайт. Иногда даже подозрительно […]","https://smart4start.ru/content/wp-content/uploads/2026/09/1111-1024x576.png",{"index":29,"follow":30,"max-snippet":31,"max-image-preview":32,"max-video-preview":33},"noindex","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1",{"@context":35,"@graph":36},"https://schema.org",[37,60,72,76,85,99,107],{"@type":38,"@id":39,"isPartOf":40,"author":41,"headline":6,"datePublished":43,"dateModified":44,"mainEntityOfPage":45,"wordCount":46,"commentCount":47,"publisher":48,"image":50,"thumbnailUrl":12,"articleSection":52,"inLanguage":53,"potentialAction":54},"Article","https://smart4start.ru/content/2026/09/08/ii-umeet-narisovat-sajt-za-30-sekund-zachem-togda-dizajner/#article",{"@id":13},{"name":21,"@id":42},"https://smart4start.ru/content/#/schema/person/54d842cb48a93072abd128e8fb2796aa","2026-09-08T12:38:07+00:00","2026-09-08T14:12:43+00:00",{"@id":13},782,0,{"@id":49},"https://smart4start.ru/content/#organization",{"@id":51},"https://smart4start.ru/content/2026/09/08/ii-umeet-narisovat-sajt-za-30-sekund-zachem-togda-dizajner/#primaryimage",[16],"ru-RU",[55],{"@type":56,"name":57,"target":58},"CommentAction","Comment",[59],"https://smart4start.ru/content/2026/09/08/ii-umeet-narisovat-sajt-za-30-sekund-zachem-togda-dizajner/#respond",{"@type":61,"@id":13,"url":13,"name":24,"isPartOf":62,"primaryImageOfPage":64,"image":65,"thumbnailUrl":12,"datePublished":43,"dateModified":44,"breadcrumb":66,"inLanguage":53,"potentialAction":68},"WebPage",{"@id":63},"https://smart4start.ru/content/#website",{"@id":51},{"@id":51},{"@id":67},"https://smart4start.ru/content/2026/09/08/ii-umeet-narisovat-sajt-za-30-sekund-zachem-togda-dizajner/#breadcrumb",[69],{"@type":70,"target":71},"ReadAction",[13],{"@type":73,"inLanguage":53,"@id":51,"url":12,"contentUrl":12,"width":74,"height":75},"ImageObject",1672,941,{"@type":77,"@id":67,"itemListElement":78},"BreadcrumbList",[79,83],{"@type":80,"position":17,"name":81,"item":82},"ListItem","Главная страница","https://smart4start.ru/content/",{"@type":80,"position":84,"name":6},2,{"@type":86,"@id":63,"url":82,"name":87,"description":25,"publisher":88,"potentialAction":89,"inLanguage":53},"WebSite","smart4start",{"@id":49},[90],{"@type":91,"target":92,"query-input":95},"SearchAction",{"@type":93,"urlTemplate":94},"EntryPoint","https://smart4start.ru/content/?s={search_term_string}",{"@type":96,"valueRequired":97,"valueName":98},"PropertyValueSpecification",true,"search_term_string",{"@type":100,"@id":49,"name":87,"url":82,"logo":101,"image":106},"Organization",{"@type":73,"inLanguage":53,"@id":102,"url":103,"contentUrl":103,"width":104,"height":105,"caption":87},"https://smart4start.ru/content/#/schema/logo/image/","https://smart4start.ru/content/wp-content/uploads/2025/12/group-1.png",890,895,{"@id":102},{"@type":108,"@id":42,"name":21,"image":109,"sameAs":112,"url":114},"Person",{"@type":73,"inLanguage":53,"@id":110,"url":111,"contentUrl":111,"caption":21},"https://smart4start.ru/content/#/schema/person/image/","https://secure.gravatar.com/avatar/b22254399562b5c21c9a4c49a255c49914f0f4d5a992eabab42ff1b5a9aa1c02?s=96&d=mm&r=g",[113],"https://smart4start.ru/content","https://smart4start.ru/content/author/smart/",1788876872485]