Figma → HTML

Figma в HTML с помощью ИИ: точность, адаптивность, правки

Здесь только перевод кадра в разметку. Спрос, КП и домен описаны на соседних страницах.

Забрать промпт и правки в Telegram

Вы перейдёте в Telegram-канал. Там будут ссылка на эфир, разборы и материалы.

Уже в этот четверг, 5 ноября 2026, в 20:00 по Астане. Длительность — 75 минут. Ссылку на эфир автор публикует в канале.

Прямой ответ

Передайте модели текст слоёв, цвета и две ширины. Попросите один HTML без фреймворка. Проверьте порядок заголовков и переполнение слов на 320px.

Метод Даниила Инжеватова начинается со спроса и конкурентов. Затем появляются структура, сборка с ИИ и публикация.

Как сделать

  1. 01

    Снять текст из слоёв

    Не скриншот как единственный источник: модель прочитает его с ошибками.

  2. 02

    Задать ширины

    320, 390 и 1440 в самом задании.

  3. 03

    Запретить библиотеки

    Первая версия должна открываться как файл.

  4. 04

    Поправить переносы

    Длинные русские слова и кнопки.

Фрагмент, с которого начинается сверка

Промпт кадра

Собери один HTML+CSS без фреймворков.
H1: Замена стеклопакетов в Петропавловске
Абзац: Выезд в день обращения, если створка цела.
Кнопка: Написать, ссылка https://t.me/milliondollarsite
Цвет кнопки #0b57d0, текст кнопки белый.
Проверь 320 и 390px. Один h1.

Ожидаемый каркас

<h1>Замена стеклопакетов в Петропавловске</h1>
<p>Выезд в день обращения, если створка цела.</p>
<p><a href="https://t.me/milliondollarsite">Написать</a></p>
<style>
body{font:18px/1.5 sans-serif;margin:24px}
a{display:inline-block;background:#0b57d0;color:#fff;padding:12px 16px;border-radius:999px;text-decoration:none}
</style>

Границы

  • Пиксель-перфект сложного кадра этим фрагментом не достигается.
  • Интерактив Figma вроде прототипа с оверлеями переносится отдельными состояниями CSS.

Куда идти дальше на сайте

Ближайший бесплатный эфир

Уже в этот четверг, 5 ноября 2026, в 20:00 по Астане. 75 минут: зачем смотреть спрос до сайта, как это выглядит в aVtonomus и на живом проекте, кому подходит метод. Ссылка на комнату — в Telegram.

Забрать промпт и правки в Telegram

Вы перейдёте в Telegram-канал. Там будут ссылка на эфир, разборы и материалы.

Попасть на бесплатный эфир