Dodaci za Figmu pomažu povećati učinak vašeg rada i osiguravaju da ostanete unutar Figme kako biste dovršili svoj rad na dizajnu. S Figminom beskonačnom bibliotekom dodataka, ne postoji gotovo ništa što ne možete učiniti sa svojim omiljenim alatom za dizajn.
S ovim najkorisnijim besplatnim Figma dodacima, samo smo zagrebali po površini onoga što je dostupno.
Kako preuzeti Figma dodatke
Prije nego što skočimo na popis robe, trebali biste znati kako pronaći i preuzeti Figma dodatak. Možda znaš kako koristiti Figmu, ali ako nemate, evo kako možete jednostavno pronaći biblioteku dodataka. Neki dodaci mogu raditi bolje iz Figma stolne aplikacije nego iz verzije preglednika.
Idite na stranicu zajednice koju možete pronaći na početnoj stranici ili na stranici s datotekama pod imenom vašeg računa. Stranica zajednice navodi više od samo dodataka, ali iz Figma datoteke, odabirom
Glavni izbornik > Dodaci pokazat će vam nedavno korištene dodatke i spremljene dodatke te vam omogućiti da pronađete nove dodatke.Odabir Pronađite nove dodatke vodi vas do Resursi karticu gdje možete tražiti bilo koji dodatak. Nakon što pronađete dodatak koji želite preuzeti—sa stranice zajednice—odaberite Isprobaj za preuzimanje ili—iz okvira za pretraživanje izvora—odaberite Trčanje za preuzimanje dodatka.
Svaki bi dodatak trebao sadržavati vlastite upute za korištenje, stoga pročitajte upozorenje kada se to od vas zatraži.
Gauthamov Mesh Gradient plugin pruža brz i jednostavan način za dodavanje prilagođenih gradijenata vašim Figma dizajnima. Pokrenite dodatak i stvorite gradijentni kvadrat. Boje možete prilagoditi sami ili pogoditi Nasumično odredi za automatsko generiranje gradijentnog dizajna.
Ovaj dodatak stvara sliku iz vašeg gradijenta, tako da se ne može uređivati nakon generiranja. Međutim, možete urediti stare ili stvoriti nove gradijente u dodatku.
Webflow Labs pruža izvrstan način pretvaranja vašeg Figma dizajna u HTML ili CSS spreman za Webflow i izradu web stranice. Možete integrirati Webflow interakcije u svoje Figma dizajne za besprijekornu integraciju s Webflow Labs. Ovaj je dodatak izvrstan ako ste korisnik Webflow Labsa ili radite s timom web programera.
Uključuje responzivne komponente, zadržava sve vaše stilove, fontove i slike i čak vam omogućuje uređivanje HTML oznaka izravno u Figmi. Možeš stvoriti glavne stilove predložaka u Figmi i upotrijebite Figmu u Webflow za njihov izvoz za buduće projekte web stranica.
Unsplashov službeni Figma dodatak znači da možete umetnuti slike izravno u svoje dizajne bez napuštanja vašeg Figma prozora. Dostupne su sve iste Unsplash licence, ali s ovim dodatkom uštedjet ćete vrijeme i klikove prilikom dodavanja slika svom radu.
Ako ste dizajner slika, možda će vam biti teško pronaći tekst rezerviranog mjesta za prostor u vašem dizajnu. Dodatak za rezervirano mjesto Lorem Ipsum radi sve umjesto vas. S tradicionalnim latiničnim tekstom, samo predajte svoj dizajn svom autoru teksta kako bi tekst rezerviranog mjesta pretvorio u pravu stvar, tako da se sve što trebate učiniti je usredotočiti na vizualne elemente.
Ako imate hrpu kopija tekstova potrebnih za vaš dizajn, Text Porter pomaže u jednostavnom premještanju vaše kopije iz Excela u Figmu. Jednostavno pokrenite dodatak Text Porter i premjestite svoj tekst. Zatim uredite tekst izravno u svojoj Excel datoteci da ažurirate svoj Figma dizajn u budućnosti. Ovo je korisno ako vaš tekstopisac nema pristup niti ne poznaje Figmu.
Za lakši tijek rada uz korištenje dodataka, također možete koristite Figma prečace za brži tijek rada.
Uklanjanje pozadine uobičajena je praksa pri korištenju slika u mnogim aspektima dizajna. Umjesto da robujete Photoshopu, Canvi ili drugim programima za uređivanje, korištenje dodatka Icons8 Background Remover ubrzava proces i zadržava sve u Figmi.
Alat za uklanjanje pozadine može se primijeniti na više od jedne slike odjednom, ubrzavajući vaš radni proces pritiskom na gumb.
Dodatak Image Tracer stvara vektorsku sliku od slika i slojeva slika na koje ih odaberete. Skalabilni vektor je poput zlatne prašine za posao digitalnog dizajna, a ovaj dodatak olakšava pretvaranje bilo koje slike u vektor.
Dodatak Html.to.design može vam pomoći da rekreirate postojeće dizajne web stranica u Figma dizajne. Ovo služi u mnoge svrhe, poput pomoći u vježbanju dizajniranja web stranica ili za vraćanje starih web stranica koje ste dizajnirali i kojima ste izgubili pristup.
Pogledajte naš detaljan vodič za pretvaranje web stranice u Figma dizajn pomoću ovog dodatka.
Dodatak Vectorize radi slično Image Traceru, ali ovo je bolje ako imate samo jednu sliku i jednu boju za vektorizaciju. Pretvaranje bitmap slika u vektore jednostavno je pomoću ovog dodatka.
Vaši novi vektori bit će vektorska staza, laka za uređivanje i korištenje za sve vaše potrebe dizajna. Posebno dobro ako vam klijent pošalje svoj logotip kao pikseliziranu sliku kopiranu iz Word dokumenta. Možete jednostavno oživjeti logotipe i druge jednobojne ikone u Figmi.
Dizajnirate za određeni omjer slike? Trebate povećati ili smanjiti? Koristite dodatak Aspects. Ovaj vam dodatak omogućuje brzu promjenu aspekta različitih slojeva u vašem dizajnu, posebno slika. Aspects je koristan alat za svako brzo skaliranje koje trebate napraviti.
Ako dizajnirate za UX/UI, vjerojatno dodajete gumbe u svoj dizajn. Button Buddy izvrstan je dodatak koji nudi mnoge dizajne komponenti gumba, čime vam štedi vrijeme na dizajniranju, tako da se možete usredotočiti na sjajne dizajne izgleda.
Za dodavanje više komponenti osim gumba, upotrijebite dodatak Handy Components. Ovaj dodatak nudi više od 60 različitih UX/UI elemenata dizajna. Handy Components također koristi pametni dizajn za repliciranje stilova prisutnih u vašem dizajnu i njihovu primjenu izravno na dodane komponente dodatka. Ne morate uređivati kako bi odgovaralo vašem stilu.
Dostupne komponente su gumbi, kartice značajki, stavke popisa, tablice, trake napretka, naljepnice upozorenja, kalendari i mnogi drugi korisni elementi.
Trebate kartu na svom web dizajnu? Možete ga jednostavno ugraditi s dodatkom Map Maker. Dodatak vam omogućuje dodavanje prilagođene karte umetnute u oblik.
Samo odaberite željeni oblik—pravokutnik, elipsa ili poligon—i pokrenite Map Maker. Zatim upišite adresu koju želite podijeliti. Tako je lako dodati kartu svom web dizajnu.
Ikone čine UX/UI dizajn univerzalnim i pristupačnim. Dodatak Iconify sadrži biblioteku od preko 1000 000 ikona za gotovo svaku upotrebu. SVG ikone otvorenog koda tvrtke Iconify mogu se koristiti u mnogim razvojnim softverima za jednostavno prenošenje vaših Figma dizajna od prototipa do živih proizvoda.
Dodavanje maketa vašim Figma dizajnima pomaže vam da ugradite stvarnost u potencijalne ideje proizvoda. Bez obzira na to dodajete li makete svojim Dizajn prezentacije Figma ili ih ugraditi u web stranicu, zgodno ih je imati.
Clay Mockups 3D jedan je od mnogih izvrsnih dodataka za modele. Pogledajte naše vodič za modele pametnih telefona Figma vidjeti što je još dostupno. Možete umetnuti modele za telefone, računala i druge uređaje, kao i ruke za njihovo držanje.
Ovaj jednostavan dodatak omogućuje vam poravnavanje okvira, pospremanje i organiziranje umjetničkih djela. Samo odaberite elemente, pokrenite dodatak i vaš će Figma prozor biti super uredan.
Ne samo da naređuje neurednu radnu ploču, već čak i prenumerira okvire ako se redoslijed promijeni. Nema više traženja okvira 5 nakon što je pomaknut, naći ćete ga smještenog pored 4 i 6.
Neka vaš posao teče uz Figma dodatke
S ovih 16 izvrsnih alata možete jednostavno transformirati svoj tok rada. Dodaci vam omogućuju da učinite više bez napuštanja prozora dizajna Figma.
Ovi dodaci su najkorisniji, a ako ih sve koristite, možete vektorizirati slike, dodavati slike iz Unsplash, dodajte HTML dizajn u Figmu i natrag uz Webflow Labs, dodajte prilagođene karte i promijenite veličinu dizajne. Sve s dodacima.