Фреймопласт позволяет экспортировать ваш макет в чистый HTML и CSS код. Это удобно, если вы хотите передать макет разработчику или самостоятельно установить его на сервер.
Перед экспортом убедитесь, что ваш макет готов:
Перейдите в редактор Фреймопласт и откройте проект, который хотите экспортировать.
Кликните на фрейм, который нужно экспортировать. Он должен быть выделен синей рамкой.
В верхней панели нажмите кнопку 📄 Экспорт в код. Откроется модальное окно с кодом.
В модальном окне вы увидите две вкладки:
Нажмите Копировать чтобы скопировать код в буфер обмена.
<!-- Пример сгенерированного кода -->
<div class="frame frame-123">
<div class="block block-text">
<h1>Заголовок</h1>
<p>Текст внутри блока</p>
</div>
<div class="block block-button">
<button class="btn">Нажать</button>
</div>
</div>После экспорта вы можете:
Совет: Сохраните экспортированный код в отдельную папку. При экспорте нескольких фреймов создавайте отдельные HTML файлы для каждого.
Пока нет, но вы можете экспортировать их по очереди и объединить код вручную.
Код не сохраняется автоматически. Вы должны скопировать его и сохранить в файл на своем компьютере.
Изображения экспортируются как ссылки. Если вы загружали свои картинки, они сохраняются в формате base64 прямо в коде.
Да, вы можете редактировать полученный код в любом текстовом редакторе.