Главная UXMagic
  • Возможности
  • Библиотеки
  • Сообщество
  • Тарифы
  • Партнёрам
  • Ресурсы
Главная UXMagic
Главная UXMagic

Библиотеки

Сообщество
Тарифы
Партнёрам

Ресурсы

Мы в соцсетях:
  • Подписывайтесь на нас в Slack
  • Подписывайтесь на нас в Twitter
  • Подписывайтесь на нас в LinkedIn
  • Подписывайтесь на нас в YouTube
  • Подписывайтесь на нас в Instagram
Справочный центр
  • 🚀Начало работы
  • ✨Генерация макетов
  • 🎨Дизайн и правки
  • 📦Экспорт и передача
    • Экспорт в Figma
    • Экспорт кода (HTML, React, Tailwind)
    • Экспорт в Framer и Webflow
    • Отправка макета в WordPress
    • Экспорт в PDF или изображение
    • Экспорт в Canva
  • 🌐Публикация сайта
  • 🤝Доступ и совместная работа
  • 🔌Интеграции и разработка
  • 💳Тарифы, кредиты и оплата
  • 🛠Решение проблем

Всё ещё не получается?

Наша команда отвечает прямо из продукта.

Написать в поддержку →
  1. Справочный центр/
  2. Экспорт и передача/
  3. Экспорт в Framer и Webflow

Экспорт в Framer и Webflow

Перенесите экран в Framer или Webflow одной вставкой, сохранив структуру и оформление.

Обновлено: 27 августа 2026 г.

На этой странице

  • Framer
  • Webflow
  • Что проверить после вставки
  • Когда это уместнее экспорта кода

Экспорт в Framer и Webflow идёт через буфер обмена: UXMagic формирует данные в том виде, который понимает каждый инструмент, а вы вставляете их на его холст.

Framer#

  1. Выделите экран.
  2. Экспорт → Framer.
  3. Скопируйте сформированные данные.
  4. Откройте свой проект Framer и вставьте их на холст.

Структура раскладки, текст и оформление приходят нативными слоями Framer, которые можно править дальше.

Webflow#

  1. Выделите экран.
  2. Экспорт → Webflow.
  3. Скопируйте сформированные данные.
  4. В Webflow Designer вставьте их на холст.

Вы получаете настоящие элементы Webflow с классами, а не встраиваемый блок.

Что проверить после вставки#

  • Шрифты — убедитесь, что использованные гарнитуры доступны в проекте назначения.
  • Изображения — они приходят по адресам; загрузите их в менеджер ресурсов принимающего сервиса до публикации.
  • Интерактив — анимации и взаимодействия настраиваются в Framer или Webflow, они не переносятся.

Когда это уместнее экспорта кода#

Если сайт будет вести команда, которая живёт в Framer или Webflow, вставляйте туда. Если им владеет разработка — выгружайте код.

Была ли статья полезной?

Похожие статьи

Экспорт кода (HTML, React, Tailwind)

Выгрузите один экран или весь проект как готовый к продакшену фронтенд-код.

Отправка макета в WordPress

Подключите сайт на WordPress и публикуйте сгенерированные экраны как страницы.

Опубликуйте первый сайт

Выведите проект в сеть на поддомене uxmagic.io за пару минут.

← НазадЭкспорт кода (HTML, React, Tailwind)Далее →Отправка макета в WordPress

На этой странице

  • Framer
  • Webflow
  • Что проверить после вставки
  • Когда это уместнее экспорта кода

ваша следующая идея
заслуживает воплощения

хватит просто думать о ней. возьмите и напишите её. Криво, наполовину — как угодно. Мы превратим её во что-то настоящее.

Продукт

  • Сообщество
  • Тарифные планы
  • Партнёрская программа
  • UXMagic MCP
  • Claude MCP
  • Информация для ИИ

Ресурсы

  • Справочный центр
  • Библиотека Figma
  • Библиотека React
  • Шаблоны мобильных приложений
  • Документация
  • Туториалы

Возможности

  • Из промпта в UI
  • Из изображения в UI
  • Из скетча в UI
  • Клонировать сайт
  • Импорт из Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Все возможности

Сравнения

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Все конкуренты

Блог

  • AI в воркфлоу UX-дизайнера: что реально работает
  • Шаблоны промптов для SaaS-дашбордов
  • Реальные промпты, которыми мы генерируем продуктовые флоу
  • Промпт-инжиниринг для UX-дизайнеров
  • Лучшие инструменты для вайрфреймов в 2026: сравниваем 10 бесплатных и Pro-вариантов
  • Все статьи

Компания и поддержка

  • Карьера
  • Связаться с нами
  • Политика конфиденциальности
  • Условия использования
  • Настройки cookie
  • Подписывайтесь на нас в Slack
  • Подписывайтесь на нас в Twitter
  • Подписывайтесь на нас в LinkedIn
  • Подписывайтесь на нас в YouTube
  • Подписывайтесь на нас в Instagram

© 2026 UXMagic AI Technologies Inc.