Wtyczka Figma: generowanie kart produktów z danych feedu

Jesteśmy zespołem projektowym składającym się z sześciu osób, a w każdym sprincie ręcznie składamy te same karty katalogowe w Figma z arkusza kalkulacyjnego przesłanego przez marketing. Każda karta ma tytuł, cenę, krótki opis, ocenę i podgląd, a obecnie projektant kopiuje każdą wartość komórka po komórce, duplikuje komponent, zmienia nazwę warstwy i ręcznie wstawia obraz. Partia od osiemdziesięciu do stu kart zajmuje prawie cały dzień roboczy, a pod koniec nieuchronnie pojawiają się błędy: nieaktualna cena, niewłaściwe zdjęcie, warstwa nadal nazwana "Frame 214". Mamy dość wykonywania pracy maszynowej ręcznie i chcemy własnego pluginu do Figma, który odczytuje nasze dane i składa karty za nas.

Plugin powinien umożliwić projektantowi wybór komponentu głównego i określenie źródła danych — osadzonej tabeli, przesłanego pliku CSV lub na żywo eksportu z naszego API produktu przy użyciu klucza, który dostarczamy. Następnie tworzy jedną instancję na wiersz, rozdziela każdą kolumnę do odpowiedniej warstwy tekstowej lub obrazowej według nazwy, pobiera podgląd z określonego URL i nazywa każdą powstałą warstwę według jasnego, przewidywalnego wzoru, aby plik pozostał uporządkowany. Ponowne uruchomienie na zaktualizowanych danych powinno zaktualizować istniejące karty w miejscu, a nie tworzyć duplikaty, a każdy wiersz, który nie mógł być przetworzony, powinien trafić do jasnego raportu, a nie cicho zniknąć.

Oczekujemy czystego, udokumentowanego TypeScript dla aktualnego API pluginu Figma, małego panelu ustawień do mapowania i adresu API, starannego zarządzania limitami żądań i pustymi polami. Proszę opisać swoje podejście i przybliżony harmonogram przed rozpoczęciem.

Co jest dla nas najważniejsze:
— niezawodne dopasowanie kolumn do warstw według nazwy warstwy;
— aktualizacje w miejscu zamiast duplikatów przy ponownym uruchomieniu;
— jasny raport o wierszach, które nie mogły być wypełnione.