Piotr B膮k Developer Bez Kodu

adobe creative cloud taniej
01 grudnia 2023

8 przydatnych wtyczek do Figmy 馃攲

Figma jest jednym z moich podstawowych narz臋dzi pracy. Wykorzystuje je do projektowania stron WWW,  tworzenia baner贸w na social media, miniaturek na kana艂 YT i do tworzenia r贸偶nych grafik na strony internetowe moich klient贸w. Figma posiada wiele przydatnych wtyczek poszerzaj膮cych mo偶liwo艣ci tego narz臋dzia. 

 

Poni偶ej znajdziesz osiem wtyczek, kt贸re regularnie wykorzystuj臋 podczas pracy w Figmie. Te narz臋dzia poprawiaj膮 wydajno艣膰 i zwi臋kszaj膮 funkcjonalno艣膰, co sprawia, 偶e praca z Figm膮 staje si臋 jeszcze bardziej satysfakcjonuj膮ca i produktywna.

 

 

馃攲 01 Vector Logos

 

 

Vector Logos umo偶liwia u偶ytkownikom znajdowanie i wstawianie wersji SVG logo i marek bez opuszczania interfejsu Figma. Aplikacja ma prosty, nieskomplikowany interfejs, kt贸ry oszcz臋dza czas i wysi艂ek. U偶ytkownicy mog膮 otworzy膰 wtyczk臋, wyszuka膰 logo lub mark臋, klikn膮膰 t臋, kt贸r膮 chc膮 wstawi膰 i kontynuowa膰 projektowanie. Wtyczka jest open source i otrzyma艂a pozytywne opinie od u偶ytkownik贸w, cho膰 niekt贸rzy sugerowali ulepszenia, takie jak pozostawienie wtyczki otwartej po wybraniu i wstawieniu logo. Wtyczka jest na licencji Community Free Resource License.

 

Zadania:

 

  • Dodaje loga firmy i marki w formacie SVG bez opuszczania Figmy.
  • Przyjazny dla u偶ytkownika interfejs oszcz臋dza czas i wysi艂ek.

 

馃敆 Link 鈻

 

 

馃攲 02 Image Tracer

 

 

Image Tracer pozwala u偶ytkownikom konwertowa膰 grafik臋 rastrow膮 na wektorow膮 za pomoc膮 jednego klikni臋cia. Wtyczka zosta艂a zaprojektowana w celu 艂atwej konwersji obraz贸w o niskiej rozdzielczo艣ci lub pikselach na ostre i skalowalne grafiki wektorowe, odpowiednie do wykorzystania w logo, ilustracjach i nie tylko. Jest ona kompatybilna z paskiem szybkich akcji Figma i oferuje zar贸wno proste, jak i szczeg贸艂owe opcje 艣ledzenia. Wtyczka jest ca艂kowicie bezp艂atna i zosta艂a dobrze przyj臋ta przez u偶ytkownik贸w, cho膰 niekt贸rzy zg艂aszali problemy z jej funkcjonalno艣ci膮.

 

Zadania:

 

  •   Konwertuje grafik臋 rastrow膮 na skalowaln膮 grafik臋 wektorow膮.
  •   Mo偶liwo艣膰 jednoczesnej konwersji wielu obraz贸w, co przyspiesza proces.

 

馃敆 Link 鈻

 

馃攲 03 Feather Icons

 

 

Wtyczka daje nam szybki dost臋p do pi臋knych ikon open source z kolekcji Feather. Ka偶da ikona zosta艂a zaprojektowana na siatce 24x24 z naciskiem na prostot臋, sp贸jno艣膰 i czytelno艣膰.

 

Zadania:

 鈰 Dodaje stylowe i darmowe ikony, wraz z bibliotek膮 komponent贸w dla Figmy.

 

馃敆 Link 鈻

 

 

馃攲 04 Noise & Texture

 

 

Noise & Texture to narz臋dzie, kt贸re pozwala u偶ytkownikom dynamicznie generowa膰 bezszwowy szum kafelkowy, tekstury, wzory, gradienty i inne. Wtyczka umo偶liwia u偶ytkownikom wybranie warstwy i dodanie szumu lub tekstury, a nast臋pnie zmian臋 ustawie艅, aby zobaczy膰, jak warstwy s膮 aktualizowane na 偶ywo. Zapewnia r贸wnie偶 takie funkcje, jak eksperymentalny kod osadzania do iframe/html, promienie Boga dodane do gradient贸w, lepszy selektor kolor贸w i niestandardowy edytor shader贸w.

 

Wtyczka otrzyma艂a pozytywne opinie od u偶ytkownik贸w, w tym pochwa艂y za jej u偶yteczno艣膰 i warto艣膰 w projektach projektowych. Jest ona dost臋pna za darmo w bibliotece wtyczek Figma Community.

 

Zadania:

鈰 Pozwala na zastosowanie efekt贸w szumu i tekstur do obiekt贸w.

鈰 Aktualizacja warstw w czasie rzeczywistym po zmianie ustawie艅.

 

馃敆 Link 鈻

 

馃攲 05 To Path

 

 

Wtyczka "To Path" pozwala u偶ytkownikom 艂膮czy膰 dowolne obiekty lub tekst na 艣cie偶ce, klonowa膰 kszta艂ty w celu powt贸rzenia wzd艂u偶 dowolnej 艣cie偶ki, umieszcza膰 tekst wzd艂u偶 dowolnego kszta艂tu, w tym okr臋g贸w i dowolnych 艣cie偶ek, a tak偶e edytowa膰 oryginalny kszta艂t lub tekst, a zmiany s膮 odzwierciedlane w czasie rzeczywistym, gdy wtyczka jest otwarta. Zapewnia r贸wnie偶 mo偶liwo艣膰 p贸藕niejszej edycji krzywej i obserwowania zmian na 偶ywo. Wtyczka jest darmowa i open source na licencji GPL-3.0.
 

Zadania:

 

鈰 Umo偶liwia umieszczanie obiekt贸w lub tekstu wzd艂u偶 艣cie偶ki, idealne do tworzenia ilustracji i wzor贸w.

鈰 Otwiera mo偶liwo艣ci eksperymentowania z kompozycj膮.

 

馃敆 Link 鈻

 

馃攲 06 Color Shades

 

 

Color Shades, pozwala u偶ytkownikom generowa膰 wiele odcieni z tego samego koloru bazowego. U偶ytkownicy mog膮 wprowadzi膰 kolor bazowy za pomoc膮 pr贸bnika kolor贸w lub wpisuj膮c warto艣膰 szesnastkow膮 w polu wprowadzania. Mog膮 r贸wnie偶 dostosowa膰 kontrast, klikaj膮c i przeci膮gaj膮c warto艣膰 kontrastu lub wprowadzaj膮c liczb臋 z zakresu 0-100. Wtyczka otrzyma艂a pozytywne opinie od u偶ytkownik贸w, z komentarzami chwal膮cymi jej 艂atwo艣膰 u偶ycia i funkcjonalno艣膰. 

 

Zadania:

 

鈰匞eneruje r贸偶ne odcienie wybranego koloru podstawowego.

鈰匲praszcza wyb贸r palety kolor贸w i dodaje harmonii projektom.

 

馃敆 Link 鈻

 

 

馃攲 07 SmoothShadow

 

 

Pozwala u偶ytkownikom tworzy膰 g艂adkie, warstwowe cienie i dostosowywa膰 alfa, przesuni臋cie i rozmycie za pomoc膮 indywidualnych krzywych wyg艂adzania, zapewniaj膮c kontrol臋 nad wygl膮dem cienia. Wtyczka otrzyma艂a pozytywne opinie od u偶ytkownik贸w, a niekt贸rzy sugerowali ulepszenia, takie jak dodanie numerycznych element贸w steruj膮cych i poziomych suwak贸w przesuni臋cia. Wtyczka jest dost臋pna w spo艂eczno艣ci Figma i jest na licencji Community Free Resource License.

 

Zadania:

  • Tworzy ja艣niejsze i pi臋kniejsze cienie, nadaj膮c projektom realizmu.
  • Poprawia wygl膮d projekt贸w, sprawiaj膮c, 偶e s膮 bardziej atrakcyjne.

 

馃敆 Link 鈻

 

馃攲 08 Draw Connector

 

 

Draw Connector to wtyczka, kt贸ra pozwala u偶ytkownikom rysowa膰 idealne ortogonalne z艂膮cza mi臋dzy warstwami w Figma. Wtyczka ma r贸偶ne funkcje, takie jak dostosowywanie kraw臋dzi, terminali 艂膮cznik贸w, koloru obrysu, szeroko艣ci, stylu i innych. 

 

Zadania:

 

  • 艁膮czy warstwy, obiekty lub ramki, korzystne przy tworzeniu niestandardowych skrypt贸w.
  • Rysuj z艂膮cza, kt贸re pokonuj膮 najkr贸tsz膮 mo偶liw膮 drog臋 i wykonuj膮 najmniejsz膮 mo偶liw膮 liczb臋 zakr臋t贸w o 90掳.
  • Dostosuj kraw臋dzie do po艂膮czenia
  • Dostosowywanie ko艅c贸wek z艂膮czy (brak, okr膮g, strza艂ka lub ortogonalne)
  • Przesuni臋cie zacisk贸w z艂膮cza
  • Ustaw kolor obrysu, szeroko艣膰 obrysu, styl obrysu (ci膮g艂y/przerywany), promie艅 naro偶nika i margines.
  • Automatyczna aktualizacja po zmianie po艂o偶enia lub wymiar贸w po艂膮czonych warstw

 

馃敆 Link 鈻

 

Zako艅czenie

 

A jakie s膮 Twoje ulubione wtyczki do Figmy bez, kt贸rych nie wyobra偶asz sobie pracy? Co polecasz? 馃檪 Do艂膮cz do ciekawej dyskusji w tym temacie na 馃嚨馃嚤 Polsk膮 Spo艂eczno艣膰 NoCode.

 

#figma #wtyczki #projektowanie 

Jestem jak to m贸wi膮 "One man army". Prowadz臋 agencj臋 cyfrow膮 Smart Pixel, zajmuj膮c膮 si臋 budow膮 stron i sklep贸w www. Tworz臋 r贸wnie偶 w艂asne projekty sprzeda偶owe i produkty cyfrowe. Opr贸cz tego od ponad 12 lat aktywnie dzia艂am w bran偶y sportowej - jestem dystrybutorem sprz臋tu i odzie偶y pi艂karskiej znanej i cenionej marki 鈿 Uwielbiam wykorzystywa膰 nowoczesne narz臋dzia no-code i automatyzacje w prowadzeniu biznesu, sprzeda偶y i tworzeniu produkt贸w cyfrowych. 馃馃挭

Piotr B膮k

przedsi臋biorca, no-code developer, tw贸rca cyfrowy

馃摟 Newsletter

Zapisz si臋 na newsletter "Od Zera do No-Code Developera"

Imi臋
Tw贸j e-mail
Wy艣lij
Wy艣lij
Formularz zosta艂 wys艂any 鈥 dzi臋kuje! 鉂わ笍
Prosz臋 wype艂ni膰 wszystkie wymagane pola!

Lubi臋 dzieli膰 si臋 swoj膮 wiedz膮 oraz tym co robi臋, jak pracuje i co tworz臋. Je艣li interesuje Ci臋 no-code development, praca zdalna, w艂asny biznes i lifestyle to zapisz si臋 do mojego newslettera. Od czasu do czasu wy艣l臋 Ci ciekawego mejla.

Inne ciekawe wpisy

Piotr B膮k Developer Bez Kodu