Верстка лендинга С помощью ИИ по готовым макетам

Этот эфир для вас, если...

Вы всё ещё пишете CSS вручную

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

Правки съедают прорву времени

Каждая «маленькая правочка» превращается в отдельный квест.

Вы слышали, что нейросети ускоряют работу, но до сих пор не знаете, с какой стороны к ним подойти

Хочется увидеть реальный пошаговый процесс верстки, а не просто время от времени просить нейросеть написать кусочек кода.

Вы уже верстаете с нейросетями, но хотите посмотреть, как это делают другие

Чтобы сравнить подходы, посмотреть решения, улучшить свой процесс или убедиться, что вы и сами крутые 😉

Вы увидите два подхода к верстке с ИИ

Мы возьмём готовые макеты в Figma и будем верстать их для GetCourse с помощью ChatGPT.

Нейросеть полностью верстает блок

ChatGPT сам пишет HTML и CSS по готовому макету.

Это самый быстрый вариант: лендинг можно собрать меньше чем за час . Но такая верстка хуже подходит для самостоятельного редактирования. Если заказчик не разбирается в HTML, он не сможет просто зайти в GetCourse и поменять текст, изображение или структуру блока.

Для дальнейших правок обычно понадобится специалист — либо умение снова поставить задачу нейросети и корректно изменить код.

Верстка на стандартных блоках GetCourse + CSS от нейросети

HTML собираем сами из стандартных блоков конструктора GetCourse, а ChatGPT пишет CSS и помогает точно стилизовать их под макет.

Этот способ занимает немного больше времени, зато большая часть контента остаётся редактируемой прямо в GetCourse. Заказчик или администратор проекта сможет самостоятельно менять тексты и изображения без работы с HTML.

Оба подхода ускорили мою работу как верстальщика в разы.

Работать на вебинаре буду в обычном чате ChatGPT Plus — без использования лимитов Codex.

Покажу всё на реальных макетах из Figma и на реальной верстке для GetCourse

Перейти к тарифам

Анна Белоусова

Веб-дизайнер и верстальщик, создаёт лендинги и личные кабинеты на платформе GetCourse.

7 лет опыта работы с платформой GC, из них 4 года — в дизайне.

Автор Telegram-канала «Дизайн и верстка на GetCourse».

Автор курса по созданию лендингов на GetCourse «Формула лендинга».

Отдала молоток и зубило нейросети — и теперь верстает быстрее, спокойнее и с удовольствием.

Верстка лендинга С помощью ИИ По готовым макетам

Этот эфир для вас, если...

Вы всё ещё пишете CSS вручную

Правки съедают прорву времени

Вы слышали, что нейросети ускоряют работу, но до сих пор не знаете, с какой стороны к ним подойти

Вы уже верстаете с нейросетями, но хотите посмотреть, как это делают другие

На вебинаре я покажу

Вы увидите два подхода к верстке с ИИ

Вы увидите два подхода к верстке с ИИ

Нейросеть полностью верстает блок

Верстка на стандартных блоках GetCourse + CSS от нейросети

Выберите формат участия

Онлайн

Онлайн + запись

Онлайн + запись + материалы

Анна Белоусова