Из Figma в код через Codex: как перенести сайт из Figma без Tilda | Вёрстка сайта, лендинга

12 подписчиков

12+
12+

13 просмотров

месяц назад

ПожаловатьсяНарушение авторских прав

12 подписчиков

12+
12+

13 просмотров

месяц назад

ПожаловатьсяНарушение авторских прав
12+
12+

13 просмотров

месяц назад

👉 Смотри мои уроки по полной упаковке бренда с нуля через нейросети - https://t.me/opten_space_bot Рабочая версия сайта из Figma за один промпт. Показываю, как перенести макет в код через Codex и Figma MCP без ручной сборки в Tilda. Это практический процесс создания сайта с помощью ИИ: дизайн остаётся в Figma, а Codex собирает рабочую версию проекта в коде. На примере сайта своего клиента прохожу весь процесс: подготавливаю фрейм и локальные шрифты, подключаю Figma MCP, передаю выбранный макет в Codex, сверяю первую версию с дизайном, исправляю расхождения через аннотации, проверяю адаптив, добавляю анимации и публикую проект через Vercel. 00:00 Как перенести сайт из Figma в код 00:53 Почему я отказался от Tilda 02:07 Подготовка макета в Figma 03:12 Установка и настройка Codex 04:13 Создание папки проекта 05:09 Подключение Figma к Codex 05:47 Промпт и постоянная инструкция 08:18 Добавляем локальные шрифты 09:17 Первый запрос на вёрстку 10:30 Результат первой итерации 11:46 Правки через аннотации 14:04 Планируем и добавляем анимации 16:32 Мобильная версия и адаптив 17:58 Публикация сайта на Vercel 20:15 Подключение собственного домена 21:34 Админ-панель вместо CMS 22:30 Vercel или российский хостинг 23:13 Где научиться всему процессу #Figma #Codex #FigmaMCP #tilda

Название:

Из Figma в код через Codex: как перенести сайт из Figma без Tilda | Вёрстка сайта, лендинга

Категория:

Разное