Data Populator « Сайт по фигме, но автор отношения к ним не имеет! Not affiliated with Figma

Плагин Data Populator позволяет подключать источник данных JSON и быстро заполнять текст и изображения.

Нажмите «Manage Data Source» и добавьте демонстрационный файл JSON: api.myjson.com/bins/zdv2i
Создайте текстовый слой и переименуйте его в «{name.first}»
Создайте слой Rectangle или Ellipse и переименуйте его в «{avatar}»
Создайте еще один текстовый слой, переименуйте его в «location» и введите в него «{location.city}, {location.country}»
Выберите все ваши новые слои и нажмите «Заполнить».
превратить слои в компонент и заполнить снова. Обратите внимание, как все слои в компоненте или экземпляре будут заполнены данными из одной и той же записи.

Попробуйте myjson.com для простого хостинга JSON.
Ваш источник данных должен быть файлом JSON, который содержит один массив записей объектов, например, {«Данные»: [объект1, объект2,…, объектN]}.
Когда плагин заполняет слой, он использует данные из случайно выбранной записи из массива.
На данные из этих объектов ссылаются с помощью фигурных скобок {…} и точечной нотации, что позволяет заполнять структурированные данные, такие как {name.first} и {name.last}.

Заполните весь текстовый слой, переименовав слой.
В качестве альтернативы можно заполнить часть текстового слоя, добавив фигурные скобки в текст (например, «я люблю {location.city}» становится «я люблю Нью-Йорк»).
Плагин запоминает части, которые он заполнил, так что вы можете заполнять одни и те же слои снова и снова.

Заполняйте изображения, переименовывая слой формы.
Источником данных для изображений должен быть URL-адрес размещенного изображения.
Попробуйте source.unsplash.com для удобного размещения изображений.

Когда вы выбираете несколько регулярных слоев, плагин случайным образом выбирает записи для их заполнения. Если вы хотите, чтобы все они были заполнены из одной и той же записи, включите их в компонент (или экземпляр).
Добавить данные в ваши компоненты библиотеки, чтобы они были готовы к работе!