Опис проєкту
ПерекладМи продуктова дизайн-команда із шести осіб, і кожен спринт вручну збираємо у Figma одні й ті ж самі карток каталогу з таблиці, яку надсилає маркетинг. На кожній картці заголовок, ціна, коротке описання, рейтинг і превью, і зараз дизайнер по комірці копіює кожне значення, дублює компонент, перейменовує шар і вручну вставляє картинку. На пачку з вісімдесяти-ста карток йде майже цілий робочий день, і наприкінці неминуче з'являються помилки: застаріла ціна, не те фото, шар, досі названий «Frame 214». Нам надоїло руками робити машинну роботу, і ми хочемо власний плагін Figma, який читає наші дані й збирає карток за нас.
Плагін має дозволяти дизайнеру вибрати майстер-компонент і вказати джерело даних — вставлену таблицю, завантажену CSV або жиму виробку з нашого товарного API за ключем, який ми дамо. Далі він створює по одному екземпляру на рядок, розкладає кожен стовпець за відповідним текстовим або картинковим шаром за іменем, підтягує превью за вказаним посиланням і називає кожен отриманий шар за зрозумілим передбачуваним шаблоном, щоб файл залишався охайним. Повторний запуск на оновлених даних має оновлювати існуючі карток на місці, а не множити дубліката, а будь-який рядок, який не вдалося розкласти, має потрапляти в зрозумілий звіт, а не мовчки губитися.
Очікуємо чистий документований TypeScript під актуальний API плагінів Figma, невелику панель налаштувань для маппінгу й адреси API, акуратну обробку лімітів запитів і пустих полів. Будь ласка, до старту опишіть підхід і орієнтовні строки.
Що для нас найважливіше:
— надійне зіставлення стовпців і шарів за іменем шару;
— оновлення на місці замість дублів при повторному запуску;
— зрозумілий звіт за рядками, які не вдалося заповнити.
Плагін має дозволяти дизайнеру вибрати майстер-компонент і вказати джерело даних — вставлену таблицю, завантажену CSV або жиму виробку з нашого товарного API за ключем, який ми дамо. Далі він створює по одному екземпляру на рядок, розкладає кожен стовпець за відповідним текстовим або картинковим шаром за іменем, підтягує превью за вказаним посиланням і називає кожен отриманий шар за зрозумілим передбачуваним шаблоном, щоб файл залишався охайним. Повторний запуск на оновлених даних має оновлювати існуючі карток на місці, а не множити дубліката, а будь-який рядок, який не вдалося розкласти, має потрапляти в зрозумілий звіт, а не мовчки губитися.
Очікуємо чистий документований TypeScript під актуальний API плагінів Figma, невелику панель налаштувань для маппінгу й адреси API, акуратну обробку лімітів запитів і пустих полів. Будь ласка, до старту опишіть підхід і орієнтовні строки.
Що для нас найважливіше:
— надійне зіставлення стовпців і шарів за іменем шару;
— оновлення на місці замість дублів при повторному запуску;
— зрозумілий звіт за рядками, які не вдалося заповнити.
Веб програмування Готівка, Банківський переказ
