Wszystkie elementy dodane do Figmy z wtyczki Emailify są automatycznie dodawane jako natywne komponenty Figmy, których styl i treść możesz dostosować. Do wszystkich komponentów Emailify w bieżącym pliku Figmy masz dostęp bezpośrednio we wtyczce – wystarczy kliknąć przycisk z ikoną Library w rzędzie kart w nagłówku.
Czy Emailify wczytuje komponenty tylko z bieżącego pliku Figmy?
Tak. Karta Library wczytuje komponenty Emailify z pliku, który masz obecnie otwarty w Figmie.
Jeśli ktoś z zespołu otworzy inny plik, Emailify pokaże tylko te komponenty Emailify, które już istnieją w tym pliku. Po dodaniu lub zaktualizowaniu komponentów w bieżącym pliku kliknij Load all Emailify Components from this Figma file albo użyj Refresh, aby ponownie przeskanować plik.
Dodawanie komponentów z karty Component Library
Poradnik wideo: biblioteka komponentów do projektów e-maili HTML w Figmie
Ten film pokazuje, jak zaprojektować w Figmie bibliotekę komponentów do e-maili HTML za pomocą wtyczki Emailify.
Kliknięcie Load all Emailify Components from this Figma file wyszuka w pliku wszystkie komponenty Emailify i wczyta ich podglądy. Kliknięcie dowolnego komponentu we wtyczce automatycznie doda go do zaznaczonej ramki Emailify, tak jak w każdej innej kategorii.
Jeśli od pierwszego wczytania w pliku Figmy pojawiły się nowe komponenty, kliknij przycisk z ikoną Refresh we wtyczce. Wtyczka ponownie sprawdzi plik Figmy pod kątem komponentów Emailify i doda je do listy.
Porządkowanie biblioteki komponentów we własnych kategoriach
Kategorie wideo: własne kategorie dla komponentów e-maili w Figmie
Ten film pokazuje, jak dodać własne kategorie dla komponentów e-maili w Figmie za pomocą wtyczki Emailify.
Domyślnie wszystkie Twoje komponenty Figmy są w kategorii Uncategorized, ale opcjonalnie możesz tworzyć własne kategorie, klikając przycisk z ikoną Pencil w rzędzie kart pod nagłówkiem biblioteki komponentów.
Możesz tam tworzyć nowe kategorie i przenosić komponenty z dowolnej istniejącej kategorii do innej dodanej przez Ciebie.
W każdej chwili możesz też usunąć własną kategorię. Nie usunie to żadnych komponentów Figmy – wszystkie komponenty z tej kategorii zostaną automatycznie przeniesione z powrotem do kategorii Uncategorized.
Wyszukiwanie i sortowanie w Component Library
Aby szybko znaleźć własny komponent Figmy na karcie biblioteki komponentów, wpisz w pole Search nazwę warstwy komponentu – lista zostanie odpowiednio przefiltrowana.
Listę komponentów możesz też sortować według dowolnej z tych opcji:
Sort by Figma Layer Age
- Newest to Oldest ↓
- Oldest to Newest ↑
Sort by Figma Layer Name
- Figma Layer Name ↓
- Figma Layer Name ↑
Sort by Figma Layer Order
- Figma Layer Order ↓
- Figma Layer Order ↑
Sort Visually (Rows)
- Visually Top to Bottom ↓
- Visually Bottom to Top ↑
Sort Visually (Columns)
- Visually Left to Right →
- Visually Right to Left ←
Sortowanie wizualne grupuje lekko przesunięte względem siebie komponenty w ten sam rząd lub kolumnę. Sortowanie według nazwy warstwy uwzględnia liczby, więc nazwy takie jak Hero 2 pojawiają się przed Hero 10.
Dodawanie metadanych do komponentów Figmy
Aby dodać metadane do komponentu Figmy, kliknij warstwę komponentu w Figmie, a następnie przycisk z ikoną Component configuration w prawej kolumnie Figmy obok nazwy komponentu. Możesz tam wpisać tekst w polu How to use this component i adres URL w polu Link to documentation.
Jeśli komponent Emailify ma te dane, jego etykieta na karcie biblioteki komponentów zostanie automatycznie podlinkowana do adresu URL dokumentacji, a opis sposobu użycia pojawi się w podpowiedzi po najechaniu kursorem na miniaturę komponentu.