Figma: расширение Chrome захватывает веб-страницы как редактируемые слои

11 июня 2026 года Figma запустила расширение Chrome в бета-версии, которое захватывает любую веб-страницу — или конкретный элемент на ней — и вставляет его в Figma как редактируемые слои дизайна, а не плоский скриншот. Расширение доступно пользователям платных планов на период бета-тестирования.

Рабочий процесс: установить расширение, перейти на нужную веб-страницу, нажать на значок Figma в панели инструментов Chrome, затем использовать «Выбрать элемент» для захвата конкретной области или «Захватить страницу» для всей страницы. Захваченный контент копируется в буфер обмена и вставляется в Figma Design или FigJam стандартным сочетанием клавиш. Контент поступает в виде структурированных слоёв Figma — фреймов, текстов, изображений и фигур — которые дизайнеры могут перемещать, оформлять и перестраивать прямо на холсте.

Для команд, занимающихся конкурентным анализом или работающих с референсными дизайнами, это устраняет постоянную точку трения. Вместо того чтобы делать скриншот, вставлять его как статичное изображение и затем вручную воссоздавать структуру, расширение даёт стартовую точку, уже разбитую на слои и готовую к редактированию. Figma также отмечает, что расширение интегрируется с Figma Make, поэтому захваченный контент может поступать в рабочие процессы прототипирования без дополнительного шага экспорта.

Текущие ограничения важны для понимания. Сайты, использующие сложные JavaScript-анимации, canvas-рендеринг или виртуализированные списки, могут не конвертироваться в слои Figma корректно. Привилегированные страницы браузера, например адреса chrome://, вообще не могут быть захвачены. Маппинг на систему дизайна пока не включён — элементы поступают как простые слои без автоматического сопоставления с компонентами или переменными. Figma указала, что маппинг на токены и компоненты дизайн-системы запланирован в будущем обновлении.

Расширение находится в бета-версии, то есть поведение может меняться, а доступ ограничен пользователями платных планов. Figma описывает это как первый шаг к рабочим процессам, где захваченный веб-контент интегрируется более органично с существующими дизайн-системами.