Niezależnie od tego, czy używasz pliku XLSX, CSV czy Google Sheets, struktura jest zawsze taka sama: pierwszy wiersz arkusza (czyli „nagłówek”) staje się pierwszym wierszem nagłówka tabeli (wierszem „komponentu”), a wszystkie wiersze pod nim stają się instancjami tego nagłówka.
Aby podejrzeć zawartość arkusza, wklej publiczny adres URL Google Sheets w polu Your Public Google Sheet URL. Jeśli adres jest prawidłowy, publiczny, a arkusz poprawnie przygotowany, po wklejeniu automatycznie wczyta się podgląd zawartych w nim nagłówków.
Gdy podgląd się wczyta, kliknij przycisk Generate Table from Rows. Treść z arkusza zostanie zaimportowana do tabeli na bieżącej stronie w Figmie.
Przykładowa struktura arkusza do importu tabel
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 |
Obsługiwane formatowanie Markdown w treści tabeli
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).