🔥 В этом видео я покажу:
Как шаг за шагом перенести дизайн из Figma в Bolt.New и создать полноценный сайт без кода. Используя возможности Bolt.New и дизайн из Figma, я продемонстрирую, как можно быстро превратить ваш макет в работающий сайт.
💻 Что вы увидите:
Подготовка макета в Figma
Методология переноса дизайна в Bolt
🚀 Для кого это видео:
Дизайнеров, которые хотят оживить свои макеты.
Новичков, ищущих простые способы создания сайтов.
Всех, кто интересуется инструментами no-code и AI.
🔗 Полезные ссылки:
Bolt.New — AI сервис разработки продуктов
t.me/kostyaprodesign — Мой канал в ТГ
📌 Таймкоды:
00:36 Открываем Figma
00:57 Описание промтов
01:34 Переносим фон
04:74 Работам с промтами в Figma
06:50 Переносим меню
10:50 Изменяем кнопку авторизации
11:46 Переносим дизайн главной фотографии
12:43 Перенос дизайн Hero-секции
14:56 Переносим фильтр портфолио
16:31 Создаём сетку портфолио
17:31 Переносим дизайн футера
33:10 Убираем лишние секции
23:56 Кастомизация фильтра
25:35 Кастомизация Hero-секции
28:29 Кастомизация хедера
32:18 Результат
Музыка в видео:
Royalty Free Music: Bensound.com
License code: HPS1KREC9IMUO87X
Royalty Free Music: Bensound.com/royalty-free-music
License code: OEIZRDAMYZNUU1JA
Royalty Free Music: Bensound.com/royalty-free-music
License code: RBAWTNYZY13ODCPB
Music by: bensound.com/free-music-for-videos
License code: 0YUKKYPDA8BQZYOX
Music by Bensound.com/free-music-for-videos
License code: PMCXQKPUN2IVL5ZK
Music: Bensound.com
License code: TEVHGPX48UC8BBCJ
Music I use: bensound.com
License code: TBC5678CNDEG0EEC
Music by Bensound.com
License code: DZFFBD58WHFMWQAF