Лендинг без дизайнера, программиста и денег на фриланс. Figma Make делает дизайн через AI
Вайбкодинг в Figma Make. Ai делает лендинг по текстовому промпту в ии без ux ui веб дизайнера. Мы создадим полноценный черновик лендинга для IT-компании с нуля, используя инструмент Figma Make. Вы увидите, как обычный текстовый запрос (промпт) на русском языке превращается не просто в макет, а в готовый HTML и CSS код, который можно экспортировать или использовать для быстрой публикации MVP. В этом выпуске: — Генерация структуры: Как создать лендинг из 6 блоков (шапка, преимущества, продукты, контакты и футер) за один клик. — Редактирование через чат: Как давать правки нейросети, словно вы общаетесь с дизайнером-джуном. — Меняем радиусы скругления, шрифты, отступы и цвета в реальном времени. — Работа с кодом и превью: Прямое редактирование элементов через структуру проекта и мгновенное отображение изменений. — Стилизация под бренд: Как быстро адаптировать дизайн под фирменные цвета (на примере палитры Apple) и создавать градиенты. — Будущее дизайна: Почему профессия меняется и как нейросети скоро заменят целые команды разработки для простых задач. 00:00 — Введение в Figma Make и vibe-coding. 01:20 — Пишем промпт для лендинга на русском языке. 02:45 — Разбор сгенерированного HTML/CSS кода. 04:10 — Как менять акцентные цвета и настраивать градиенты. 06:30 — Работа с кнопками: скругления, падинги и шрифты. 09:15 — Редактирование иконок и визуальной иерархии. 10:40 — Будущее дизайна: голос, нейросети и автоматизация. #нейросети #вайбкодинг #figmamake
Вайбкодинг в Figma Make. Ai делает лендинг по текстовому промпту в ии без ux ui веб дизайнера. Мы создадим полноценный черновик лендинга для IT-компании с нуля, используя инструмент Figma Make. Вы увидите, как обычный текстовый запрос (промпт) на русском языке превращается не просто в макет, а в готовый HTML и CSS код, который можно экспортировать или использовать для быстрой публикации MVP. В этом выпуске: — Генерация структуры: Как создать лендинг из 6 блоков (шапка, преимущества, продукты, контакты и футер) за один клик. — Редактирование через чат: Как давать правки нейросети, словно вы общаетесь с дизайнером-джуном. — Меняем радиусы скругления, шрифты, отступы и цвета в реальном времени. — Работа с кодом и превью: Прямое редактирование элементов через структуру проекта и мгновенное отображение изменений. — Стилизация под бренд: Как быстро адаптировать дизайн под фирменные цвета (на примере палитры Apple) и создавать градиенты. — Будущее дизайна: Почему профессия меняется и как нейросети скоро заменят целые команды разработки для простых задач. 00:00 — Введение в Figma Make и vibe-coding. 01:20 — Пишем промпт для лендинга на русском языке. 02:45 — Разбор сгенерированного HTML/CSS кода. 04:10 — Как менять акцентные цвета и настраивать градиенты. 06:30 — Работа с кнопками: скругления, падинги и шрифты. 09:15 — Редактирование иконок и визуальной иерархии. 10:40 — Будущее дизайна: голос, нейросети и автоматизация. #нейросети #вайбкодинг #figmamake




