Бесплатный Figma-плагин · актуальная сборка
Вставьте URL и получите фреймы, текст, изображения, SVG и Auto Layout. Не скриншот — слои, которые можно менять.
01 / Что переносится
Плагин читает структуру страницы в настоящем браузере и собирает её заново внутри Figma.
Flex-контейнеры становятся настоящими авто-лейаутами с gap, padding и выравниванием.
Размер, начертание, межстрочный интервал и выравнивание сохраняются в редактируемом тексте.
Импортируйте 1440, 1280, 768, 390 px или свой размер — варианты появятся рядом.
Плагин читает sitemap, находит страницы и переносит выбранные экраны одним запуском.
Обе цветовые темы можно получить за один импорт, если сайт поддерживает системную тему.
Картинки загружаются в макет, а SVG-иконки остаются векторами, а не плоскими пикселями.
Как работает
Укажите ссылку на любую публичную страницу и выберите нужные ширины экранов.
Включите Auto Layout, светлую и тёмную тему, скриншот-эталон или импорт нескольких страниц.
Плагин соберёт фреймы и стили на новой странице Figma. Каждый слой можно редактировать.
03 / Интерфейс
Быстрый импорт работает сразу после установки. Для сайтов за логином можно подключить локальный рендерер.
Готово к установке
Распакуйте архив в удобную папку на компьютере.
Перейдите в Plugins → Development → Import plugin from manifest.
Файл находится внутри папки website-to-figma.
Плагин для Figma Desktop
ZIP · macOS / Windows
website-to-figma/manifest.json
Коротко о важном
Да. Регистрация, подписка и лимит внутри плагина не нужны. У общего облачного рендерера есть защита от чрезмерной нагрузки.
Установка локального плагина выполняется через Figma Desktop. После импорта получившийся файл можно открывать как обычно.
Скачайте архив с этой страницы повторно и замените три файла плагина. Адрес загрузки не меняется — на нём всегда лежит актуальная сборка.
Да, через локальный рендерер: он откроет окно Chrome, где можно войти в аккаунт. Облачный режим работает только с публичными страницами.
Плагин сохраняет координаты, стили и содержимое настолько близко, насколько позволяет модель Figma. Анимации, hover-состояния и содержимое iframe не переносятся.