Как создать токен Figma для переноса макета в Tilda

1. ШАГ 01Settings

   Откройте настройки Figma

   1. Запустите Figma.
   2. Нажмите на аватар своего профиля.
   3. Откройте Settings.
   4. Перейдите во вкладку Security.

   

2. ШАГ 02New token

   Создайте новый токен

   1. Прокрутите до Personal access tokens.
   2. Нажмите Generate new token.

   

3. ШАГ 03Configure

   Настройте токен

   Token name

   Укажите название, например Tilda.

   

4. ШАГ 04Generate

   Сгенерируйте токен

   Нажмите Generate token.

5. ШАГ 05Save

   Скопируйте и сохраните

   Figma показывает токен только один раз.

   

   

1. 1

   Откройте доступ к макету в Figma

   Выделите нужный фрейм, откройте Share и в блоке «Who has access» выберите Anyone → can view. После этого появится кнопка Link copied! — в буфере обмена окажется ссылка на макет. Это и есть значение поля «URL макета».

2. 2

   Запустите импорт из Zero Block

   В Tilda откройте страницу, добавьте блок Zero Block и откройте меню настроек блока — значок ⋮ справа от кнопок «Сохранить» и «Закрыть». В списке выберите Импорт из Figma.

3. 3

   Вставьте URL макета и API-токен

   В окне импорта останьтесь на вкладке ИМПОРТ ИЗ FIGMA и заполните два поля: в «URL макета» — ссылку из шага 1, в «API TOKEN» — персональный токен из настроек Figma (Settings → Security → Personal access tokens). Затем нажмите Импортировать через API токен.

   Импорт из Figma Импорт из HTML

   Импорт через API токен

   URL макета https://www.figma.com/design/…?node-id=530-131

   API token figd_••••••••••••••••••••••

   Импортировать через API токен Отмена
4. 4

   Дождитесь окончания импорта

   Пока идёт загрузка, основная кнопка показывает состояние Импортирование… — процесс занимает от нескольких секунд до пары минут. После завершения макет появится внутри Zero Block: его можно двигать, перекрашивать и дополнять как обычные элементы.

   Импортирование… Отмена

Файлы изображений остаются на сервере Figma и подключаются напрямую оттуда — это ускоряет прототипирование. Чтобы перенести картинку в Tilda, нажмите на элемент с изображением и выберите «Загрузить в Tilda».