Automatyczne powtarzanie i synchronizacja warstw Figmy z arkusza kalkulacyjnego
Ten film pokazuje, jak automatycznie powtarzać i synchronizować warstwy Figmy z arkusza kalkulacyjnego za pomocą wtyczki CopyDoc.
To bardzo przydatne w projektach z powtarzalnymi siatkami lub listami, które trzeba automatycznie wypełnić prawdziwą treścią.
Za pomocą tej funkcji możesz też zmieniać nazwy warstw lub stosować style CSS na podstawie arkusza.
Przykładowa struktura arkusza do synchronizacji treści z warstwami Figmy
Niezależnie od tego, czy używasz pliku XLSX, CSV czy Google Sheets, struktura jest zawsze taka sama: pierwszy wiersz arkusza (czyli „nagłówek”) musi zawierać nazwy warstw Figmy, z którymi chcesz zsynchronizować pozostałe wiersze pod nim.
Nazwy mogą być dowolne, ale najprościej użyć krótkiego, opisowego formatu z hashtagiem, na przykład #Title lub #Description. W Figmie nadaj warstwom tekstowym te same nazwy: #Title lub #Description. Dzięki temu zostaną ze sobą powiązane, gdy później zsynchronizujesz arkusz we wtyczce.
| #Title | #Genre | #Age Rating | #Total Reviews |
|---|---|---|---|
| No Time To Die | Action | 13 | 123 Reviews |
| Dune | Sci-Fi Action | 14 | 124 Reviews |
| Black Widow | Action | 18 | 125 Reviews |
| Suicide Squad | Action | 18 | 125 Reviews |
Automatyczne powtarzanie jednej warstwy z Figmy dla wierszy arkusza
Na kartach synchronizacji Content i Styles możesz automatycznie powtarzać jedną warstwę z Figmy, włączając przełącznik Auto Repeat. Wtyczka skopiuje wtedy oryginalnie zaznaczoną warstwę i powieli ją tyle razy, ile wierszy zawierają dane w arkuszu.
Dzięki temu jedna karta, pozycja katalogu lub układ kampanii zamienia się w wypełniony projekt dla każdego wiersza arkusza. Warstwy tekstowe i warstwy obrazów w projekcie korzystają z pasujących kolumn arkusza.
Jeśli zaznaczysz komponent główny, CopyDoc utworzy instancję dla każdego wiersza. Zaznaczenie istniejącej instancji powiela tę instancję, a zaznaczenie ramki powiela ramkę.
Jeśli zaznaczona warstwa z Figmy znajduje się bezpośrednio w innej warstwie z włączonym Auto Layout, zostanie automatycznie powielona w tej warstwie nadrzędnej. W przeciwnym razie CopyDoc utworzy nową ramkę z Auto Layout i tam powieli nowe warstwy.
Dynamiczne nazwy powtarzanych warstw nadrzędnych
Aby nadać każdej powielonej warstwie z Figmy nazwę z arkusza, dopasuj nazwę zaznaczonej warstwy szablonu do nagłówka kolumny. CopyDoc użyje wartości z tej kolumny w każdym wierszu jako nowej nazwy warstwy.
Pojedynczy # na początku jest opcjonalny: warstwa o nazwie #Title może pasować do kolumny Title, a warstwa o nazwie Title do kolumny #Title. Jeśli istnieją oba nagłówki, pierwszeństwo ma dokładne dopasowanie, także gdy jego wartość jest pusta. Wielkość liter i spacje nadal muszą się zgadzać.
Jeśli w arkuszu nie ma pasującej nazwy warstwy, wtyczka CopyDoc użyje oryginalnej nazwy warstwy z Figmy i doda do niej numer wiersza (na przykład My Frame Layer (Row 3)).
Obsługiwane formatowanie Markdown w treści tekstowej
Opcjonalnie możesz dodać do treści arkusza podstawowe formatowanie Markdown (pogrubienie, kursywa) i linki. Zostaną one automatycznie zastosowane, gdy fragment zostanie zsynchronizowany z warstwą tekstową w Figmie.
Warstwa tekstowa w Figmie może zawierać zwykły tekst – nie musisz wcześniej przygotowywać pogrubionej ani pochylonej próbki. Użyj rodziny fontów, która ma w Figmie odpowiedni wariant pogrubiony, pochylony lub pogrubiony z kursywą. Podgląd arkusza korzysta z fontów przeglądarki, więc sam jego wygląd nie potwierdza, że Twój font w Figmie ma te warianty.
- Tekst pogrubiony oznaczysz podwójnymi gwiazdkami
**Snippet text to bold**lub podwójnymi podkreślnikami__Snippet text to bold__ - Tekst pochylony oznaczysz pojedynczymi gwiazdkami
*Italic Snippet Text*lub pojedynczymi podkreślnikami_Italic Snippet Text_ - Tekst pogrubiony z kursywą oznaczysz potrójnymi gwiazdkami
***Bold Italic Snippet Text***lub potrójnymi podkreślnikami___Bold Italic Snippet Text___ - Hiperłącza dodasz za pomocą składni Markdown
This is [my link here](https://example.com) in a text snippet(tekst linku możesz też sformatować, dodając składnię pogrubienia lub kursywy wewnątrz nawiasów[]linku).