---
url: "/pl/emailify/design/library.md"
description: "Wczytuj, porządkuj i wyszukuj komponenty Emailify z biblioteki w pliku Figmy."
---

# Tworzenie biblioteki komponentów wielokrotnego użytku

> Wczytuj, porządkuj i wyszukuj komponenty Emailify z biblioteki w pliku Figmy.

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? {#does-emailify-load-components-from-the-current-figma-file-only}

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 {#adding-components-from-your-component-library-tab}

### 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.
[Embedded media](https://www.youtube-nocookie.com/embed/lQb9-_9maxs)

[Video](/assets/videos/emailify/load-component-library.mp4)

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 {#organizing-your-component-library-with-custom-categories}

### 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.
[Embedded media](https://www.youtube-nocookie.com/embed/M6p5AY2-g54)

[Video](/assets/videos/emailify/create-custom-categories.mp4)

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 {#searching-and-sorting-your-component-library}

[Video](/assets/videos/emailify/search-and-sort-components.mp4)

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 {#adding-metadata-to-your-figma-components}

[Video](/assets/videos/emailify/figma-component-metadata.mp4)

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.