Страницы и макеты из Figma
какая страница по какому кадру
Экран показывает, какая страница сайта собрана по какому кадру макета, и позволяет собрать страницы по одной. За одно нажатие собирается ровно одна страница, остальные не меняются.
Как собрать страницу
- В Figma нажмите на нужный кадр правой кнопкой и выберите Copy link to selection.
- Найдите строку нужной страницы в списке или нажмите «Добавить страницу».
- Впишите название (оно уйдёт в меню и в заголовок страницы) и вставьте ссылку на кадр.
- Нажмите «Собрать» и дождитесь результата, проверив его в предпросмотре.
Что важно знать
- Кнопка «Собрать» не нажимается, пока не заполнены оба поля. Одной ссылки мало.
- Для всех страниц, кроме главной, нужна ссылка именно на кадр, а не на файл целиком.
- Адрес страницы пишется латиницей: буквы, цифры и дефис, разделы через косую черту, до 60 символов. Часть адресов занята платформой, о таком совпадении экран скажет.
- Пока одна страница собирается, следующую лучше запускать после неё: очередь у сайта одна.
- Результат попадает в черновик, посетители увидят страницу после публикации.
Что вы увидите
Страница «Страницы и макеты из Figma»: список страниц сайта с метками «главная», «собирается», «не получилось», «по кадру «…»» или «макет не привязан», у каждой поля «Название для меню» и «Ссылка на кадр Figma» и кнопка «Собрать». Внизу блок «Новая страница»: «Название», «Адрес (url slug)», «Ссылка на кадр Figma», кнопки «Собрать» и «Добавить страницу». Страница обновляется сама каждые 15 секунд.
Собирается ровно одна страница по своему кадру, остальные не меняются. Нужна ссылка именно на кадр: в Figma правый клик по кадру → «Copy link to selection». Для любой страницы, кроме главной, ссылка на файл целиком не годится.
Частые вопросы
- Чем это отличается от «Дизайна из Figma»? Там макет собирается целиком с авторазложением по страницам, здесь одна страница по одному кадру: удобно для новых страниц и точечной пересборки.
- Можно ли запускать несколько страниц сразу? Лучше по одной: очередь у сайта одна, и следующую страницу стоит ставить после предыдущей.
- Какой адрес дать новой странице? Латиницей, до 60 знаков, только буквы, цифры и дефис, разделы через «/»: «О компании» → about.
Если не сработало
- Написано «Нужна ссылка именно на КАДР макета». Скопируйте ссылку через «Copy link to selection» на нужном кадре, а не на файл.
- Написано «Адрес пишется латиницей», «Адрес длиннее 60 символов» или «Адрес «…» занят платформой». Поправьте адрес: служебные адреса вроде api, admin, sitemap заняты.
- Пункт «Страницы и макеты из Figma» не виден в меню. Он появляется только у сайта, который собирали по макету; начните с «Дизайна из Figma».