01Auto Layout02Несколько страниц03Светлая и тёмная тема04SVG как векторы
Что можно менять после импорта
Текст, изображения и блоки переносятся отдельными слоями. Сложные элементы могут выглядеть иначе — проверьте макет после импорта.
Auto Layout
Блоки с CSS Flexbox переносятся в Auto Layout с отступами и выравниванием. Их можно перестраивать средствами Figma.
Aa
Текст и шрифты
Размер, начертание, межстрочный интервал и выравнивание сохраняются в редактируемом тексте.
Размеры экрана
Выберите ширину для компьютера, планшета или телефона. Можно задать свой размер и получить несколько вариантов рядом.
Несколько страниц
Найдите страницы сайта в плагине и отметьте нужные. Они появятся в Figma после одного запуска импорта.
Светлая и тёмная тема
Обе цветовые темы можно получить за один импорт, если сайт поддерживает системную тему.
◇
Изображения и SVG
Изображения появляются отдельными слоями. У SVG-иконок можно менять форму и цвет.
Как перенести страницу
01
Вставьте адрес
Укажите адрес страницы, которая открывается без входа в аккаунт. Выберите размеры экрана.
02
Выберите настройки
Выберите тему сайта. При необходимости добавьте состояния кнопок при наведении, встроенные страницы и скриншот для сравнения.
03
Нажмите «Импортировать в Figma»
Дождитесь окончания импорта. Откройте созданную страницу Figma и проверьте текст, шрифты и расположение элементов.
Настройте импорт под свою задачу
Для открытых страниц достаточно ссылки. Если на сайте нужен вход в аккаунт, понадобится отдельная настройка: сервер на вашем компьютере, который откроет страницу.
Русский, English и Español
Открытые страницы обрабатываются на сервере
Можно подключить свой сервер
PLUGIN / WEBSITE TO FIGMA
Как установить плагин в Figma
01
Скачайте и распакуйте ZIP
Сохраните три файла в одной папке: manifest.json, code.js и ui.html.
Как распаковать архив
На Mac дважды нажмите ZIP. На Windows выберите «Извлечь всё». Установка выполняется на компьютере.
02
Добавьте плагин в Figma Desktop
Откройте файл Figma, затем Plugins → Development → Import plugin from manifest. Выберите website-to-figma/manifest.json.
Не вижу меню установки
Используйте настольное приложение Figma, а не браузер. Выберите файл manifest.json внутри распакованной папки.
03
Вставьте ссылку и импортируйте
Запустите Website to Figma через Plugins → Development. Выберите страницы и размеры экрана, затем нажмите «Импортировать в Figma».
Что делать при ошибке
Проверьте, открывается ли страница без входа в аккаунт. Для закрытых страниц подключите сервер на своём компьютере. Если сервер временно недоступен, попробуйте позже.
Website to Figma
Плагин для Figma Desktop ZIP · macOS / Windows Обновлено 08.09.2026
В архиве только manifest.json, code.js и ui.html. Сборка 2026.09.08. Что изменилось.
Сборка 2026.09.08
Обновили оформление плагина и собрали дополнительные настройки в разделе «Дополнительно».
Для установки обновления замените файлы плагина содержимым нового архива.
Обработка страниц
Адрес страницы отправляется выбранному серверу, который открывает её и готовит к переносу в Figma. Для страниц с личными данными используйте сервер на своём компьютере.
Вопросы и ответы.
Плагин действительно бесплатный?+
Да. Регистрация и оплата не нужны. При большой нагрузке общий сервер может временно ограничить число запросов.
Это работает в браузерной Figma?+
Установка локального плагина выполняется через Figma Desktop. После импорта получившийся файл можно открывать как обычно.
Как получить обновление?+
Скачайте архив с этой страницы повторно и замените три файла плагина. Адрес загрузки не меняется — на нём всегда лежит актуальная сборка.
Можно перенести страницу, на которой нужен вход?+
Да, если подключить сервер на своём компьютере. Он откроет Chrome: войдите на сайт и выберите страницу для импорта. Общий сервер обрабатывает только открытые страницы.
Получится точная копия?+
Возможны отличия в шрифтах, отступах и сложных элементах. Состояния при наведении можно перенести как варианты компонентов. Встроенные страницы переносятся слоями или изображением, а анимации не переносятся.
