Feather Icons to minimalistyczny zestaw ikon wektorowych, który można szybko dodawać do projektu w Figmie za pomocą wtyczki. Ikony łatwo wyszukasz, umieścisz na canvasie i dostosujesz do interfejsu, zmieniając między innymi kolor oraz grubość obrysu.
Jak zainstalować Feather Icons w Figmie?
Instalacja odbywa się z poziomu panelu zasobów Figmy. Potrzebujesz otwartego pliku projektowego albo dostępu do obszaru roboczego, w którym chcesz używać ikon:
- Otwórz plik w Figmie – przejdź do projektu, w którym chcesz korzystać z ikon.
- Otwórz panel Resources – kliknij ikonę zasobów albo użyj skrótu Shift + I.
- Przejdź do zakładki Plugins – w polu wyszukiwania wpisz Feather Icons.
- Uruchom lub zainstaluj wtyczkę – wybierz wynik odpowiadający bibliotece i kliknij Run albo Install, zależnie od aktualnego widoku Figmy.
Po instalacji wtyczkę znajdziesz ponownie w menu Resources lub w menu kontekstowym pliku. Warto przypiąć ją do często używanych narzędzi, jeśli regularnie pracujesz z ikonami.
Jak korzystać z wtyczki Feather Icons?
Po uruchomieniu wtyczka wyświetla katalog ikon. Wpisz nazwę szukanego elementu, na przykład user, search, menu albo arrow. Następnie wybierz ikonę i dodaj ją do projektu, zwykle przez kliknięcie lub przeciągnięcie na canvas metodą drag and drop.
Ikona trafia do Figmy jako element wektorowy, a nie bitmapa. Dzięki temu możesz zmieniać jej rozmiar bez typowej dla obrazów rastrowych utraty jakości. Po zaznaczeniu elementu dostosujesz jego wygląd w panelu właściwości, między innymi:
- Kolor – zmień kolor obrysu lub wypełnienia, zależnie od konstrukcji ikony.
- Grubość linii – dostosuj parametr stroke width do typografii i pozostałych elementów interfejsu.
- Rozmiar – skaluj ikonę do przyjętego rozmiaru komponentu.
- Położenie i obrót – dopasuj ikonę do układu, przycisku, formularza lub nawigacji.
Wtyczka jest szybsza niż ręczne przeglądanie plików SVG, gdy potrzebujesz znaleźć konkretny symbol podczas projektowania. Wklejanie gotowego SVG nadal ma sens, gdy masz własną ikonę, potrzebujesz pełnej kontroli nad kodem albo korzystasz z biblioteki przechowywanej poza Figmą.
Feather Icons dobrze sprawdza się w takich zadaniach:
- Szybkie prototypowanie – dodawanie ikon do ekranów bez przerywania pracy.
- Projektowanie UI i UX – budowanie nawigacji, przycisków, formularzy oraz stanów interfejsu.
- Design system – tworzenie spójnego zestawu ikon używanych w komponentach i wariantach.
- Przygotowanie widoków do testów – szybkie uzupełnianie makiet przed stworzeniem finalnych assetów.
Przed zapisaniem ikony w komponencie sprawdź, czy pozostaje ona wektorem. Zamiana jej na bitmapę utrudni późniejszą edycję koloru i grubości linii.
Feather Icons czy Lucide?
Feather Icons nadal może działać w Figmie i wystarcza do wielu projektów, ale sam projekt nie jest już aktywnie rozwijany. Lucide jest jego forkiem, czyli rozwijaną odnogą opartą na tym samym minimalistycznym stylu. Biblioteka otrzymuje częstsze aktualizacje i oferuje większy zestaw ikon.
Do starszego projektu możesz nadal używać Feather Icons. Przy nowym interfejsie lepiej zacząć od Lucide, zwłaszcza gdy zależy Ci na regularnych aktualizacjach, większym wyborze symboli i spójności biblioteki przez dłuższy czas.
Najkrótsza droga wygląda tak: otwórz Resources, wyszukaj Feather Icons, uruchom wtyczkę i dodaj wybraną ikonę na canvas. Do nowych projektów rozważ jednak Lucide jako aktualnie rozwijaną alternatywę.
