Плагин Airtable to Figma позволяет извлекать текст и изображения из базы данных Airtable и вставлять их прямо в компоненты Фигмы.
Использование плагина — детская игра. Сначала строите свой компонент в Фигме, как обычно. Затем загружаете плагин Airtable 2 Figma и сопоставляете поля данных Airtable с правыми слоями Figma. Наконец, выберите макет, в котором хотите разместить свой компонент, и вуаля, просто сэкономили пару сотен кликов! Теперь у есть хороший набор данных, непосредственно вставленный в ваши проекты.
Типы данных, которые мы можем импортировать непосредственно из Airtable в Фигму:
- Однострочный текст
- Длинный текст
- Номер телефона
- Электронная почта
- Числовой
- Изображение
Вот пример базы данных (о кошках), с которой можно поэкспериментировать: airtable.com/shr0hyEnBae0AKKfQ
Выполните следующие действия или посмотрите обучающее видео по адресу figma.bothrs.com- Перейдите на airtable.com и создайте или выберите свою таблицу.
- В выбранном расписании нажмите «Поделиться».
- Прокрутите вниз и нажмите «Создать общий вид».
- Нажмите «Поделиться текущим видом».
- Затем нажмите «Создать общий вид сетки».
- Затем скопируйте ссылку и вставьте ее в окно плагина.
- Назначьте столбцы Airtable текстовым узлам или изображениям.
- Выберите вид, который хотите использовать и настройте остальные.
- Готово! Для каждой строки в таблице будет создан экземпляр.