13 parasta Figma-laajennusta jokaiselle suunnittelijalle
Sekalaista / / November 29, 2021
Sketch ja Adobe ovat olleet useiden vuosien ajan de facto käyttöliittymä- ja UX-suunnittelijoiden suosikkisovellukset. Mutta viime vuosina olemme nähneet monia uusia kilpailijoita nousevan markkinoille. Niistä Figma erottuu useista syistä. Yritys äskettäin lisäsi kauan odotetun plugins-lisäosan helpottaakseen käyttäjiensä asioita. Olemme valinneet joitain parhaista Figma-laajennuksista alla olevasta luettelosta.
![Plugins for figma](/f/049eec1712ea00bfaf64403a4b2b9cfd.jpg)
Suunnittelijan työ voi olla tylsää ilman laajennustukea. Figma-laajennukset eivät ole aina olleet asia. Lisäksi Figma toimii kaikissa käyttöjärjestelmissä, jotka käyttävät verkkoselainta, kuten Macit, Windows, PC jne.
Figman kuuma aihe tällä hetkellä on tuki ilmaisille ja premium-laajennuksille, jotka tarjoavat kipeästi kaivattua auttavaa kättä pitkien käyttöliittymäsuunnittelutuntien aikana.
Katsotaanpa.
Myös opastekniikassa
1. Poista roiskeet
Tämä on itsestäänselvyys. Sen sijaan, että tuhlasit tunteja etsiessäsi korkealaatuisia rojaltivapaita kuvia verkosta, voit valita Figman Unsplash-laajennuksen ja alkaa käyttää mallikuvia suoraan Figman aloitusnäytöltä. Ei ihme, miksi Unsplashilla on niin paljon latauksia Plugin Storessa.
![Unsplash for figma](/f/56eacbb53522ac141920a577eccf30bf.jpg)
Hanki Unsplash for Figma
2. Sisällön kela
Useimmat suunnittelijat luottavat Lorem Ipsumiin satunnaisen tekstin luomiseen käyttöliittymämalleissa käytettäväksi. Content Reel vie kokemuksen uudelle tasolle. Sen avulla voit luoda satunnaista sisältöä, kuten käyttäjänimen, päivämäärät, osoitteen, valuutan, avatarit, kuvakkeet, kuvat jne., ja se on paljon hyödyllisempi ja tehokkaampi kuin Lorem Ipsum.
![Sisältökela figmalle](/f/13f9a21adf3c8d6f3c527477026d60ff.jpg)
Hanki Content Reel for Figma
3. Rautalanka
Tiedämme, että markkinat ovat täynnä Wireframe-ratkaisuja, kuten Balsamiq, mutta jos haluat nopeasti luoda prototyypin Figmassa, Wireframe-laajennus on sinulle välttämätön.
![Wirereame figmalle](/f/dc0983fae22b3ac194b2e34e6144064f.jpg)
Wireframessa on luettelo Web- ja Mobile-valmiiksi suunnitelluista lankakehyksistä (malleista), jotka on jaettu luokkiin, jotka voidaan lisätä suoraan Figma-sivulle napsauttamalla kehystä. Kaikki tiedostot ovat Figma Component (SVG) -tiedostoja ja niitä on helppo muokata. Sen avulla voit hallita helposti kaikkia kehystys- ja prototyyppitoimintoja.
Hanki Wireframe Figmaan
4. Iconify
Jokainen suunnittelija tarvitsee kuvakkeita työskennelläkseen käyttöliittymäprojektin kanssa. Sen sijaan, että löytäisit niitä loputtomasti verkosta, voit valita kolmannen osapuolen laajennuksen, kuten Iconifyn, toteuttamaan erityyppisiä kuvakkeita projektissa.
![Iconify for figma](/f/f437a43f7b15fc7732ea2772873dfa18.jpg)
Iconifyn avulla voit tuoda materiaalisuunnittelukuvakkeita, FontAwesomea, Jam-kuvakkeita, EmojiOnea, Twitter-emojia, ja monet muut kuvakkeet (yli 60 kuvakesarjaa, jotka sisältävät yli 50 000 kuvaketta) Figma-dokumentti vektorina muodot.
Hanki Iconify Figmalle
5. Kuvapaletti
Jos sinun on vaikea päättää väriyhdistelmiä kuvan perusteella, Palette on oikea laajennus sinulle. Laajennus poimii valituista kuvista 5 eri värin väripaletin. Mene eteenpäin, kokeile sitä alla olevasta linkistä.
![Kuvapaletti figmalle](/f/3d4aadc46e70c8c94075f4d770816414.jpg)
Hanki kuvapaletti Figmalle
6. Tarinasarja
Suunnittelijat rakastavat kuvituksia, eikö niin? Kun suunnittelet tervetulosivua verkkosivustolle tai sovellukselle, sinun on enimmäkseen käytettävä kuvitusta vaikuttaaksesi siihen.
![Tarina asetettu figmaan](/f/53a389137ada9e59fed758f2e73d48b1.jpg)
Jos haluat kauniin mittatilaustyönä tehdyn kuvituksen, voit tuoda ja muokata sitä tarpeidesi mukaan Stories by Freepik -laajennuksella. Siellä on yli 1000 ilmaista kuvitusta, jotka hemmottelevat sinua.
Hanki Storyset Figmalle
Myös opastekniikassa
7. Logon luoja
Pyytääkö asiakkaasi mukautettua logoa, etkä tiedä mistä aloittaa? Logo Creator -laajennus Figmalle antaa sinun valita parhaan logon tai luoda sellaisen käyttämällä eri komponentteja. Voit luoda kauniin logon valitsemalla erilaisia muotoja tai valitsemalla parhaan logon valmiista yli 300 logon kokoelmista.
![Logon luoja figmalle](/f/5f22e51546c029447644c1a8e5fd7e46.jpg)
Hanki Logo Creator for Figma
8. Kaaviot
Yksinkertaisten raakatietojen lisääminen suunnitteluun saattaa saada sen näyttämään tylsältä. Voit käyttää kaaviota parantaaksesi yleisen suunnittelun houkuttelevuutta. Suosittelemme tätä varten Figma-laajennuksen kaavioita.
![Kaaviot figmalle](/f/bb5e84f043d11229138e81d6d6c2cb94.jpg)
Kaavioiden avulla voit luoda kaavioita, joita voidaan lisätä ja muokata Figma-asiakirjassasi. Valitse viiva-, alue-, ympyrä-, munkki-, hajonta- ja pylväskaavioista. Jokaisessa kaaviossa on omat kokoonpanonsa, kuten useita pisteitä, maksimi- ja vähimmäisarvoja.
Hanki kaavioita Figmalle
9. Figmoji
Figmoji on hauskaa. Jos työhösi liittyy hymiöitä suunnitteluprojektien aikana, Figmoji on täydellinen laajennus sinulle. Yhdellä napsautuksella voit liittää emojit suoraan käyttöliittymäprojektiisi. Kuten odotettiin, laajennus lisää emojin SVG-muodon, joten sinulla on kaikki joustavuus muokata niitä.
![Emoji figmalle](/f/d320979eb63fbaf305d5e40ad3a24fd8.jpg)
Hanki Flgmoji
10. Kartantekijä
Usein suunnittelijoiden on lisättävä kartta suunnittelunsa sisään. Ja sitten he suuntaavat Google Mapsiin ja poimivat tavarat manuaalisesti. Map Maker -laajennus Figmalle on täällä säästääkseen meidät kaikilta vaivoilta. Map Makerin avulla voit tehdä mukautetun kartan loistavaksi nopeasti. Se tukee tällä hetkellä Google Mapsia ja Mapboxia.
![Kartantekijä figmalle](/f/401d113ace040066d2d50e65497d3d88.jpg)
Hanki Map Maker for Figma
11. Super Siisti
Kohdistus on välttämätöntä jokaisessa suunnitteluprojektissa. Yksinkertaista virhettä on ehdottomasti vältettävä. Super Tidy for Figma -sovelluksen avulla voit helposti kohdistaa, nimetä uudelleen ja järjestellä kehyksiäsi niiden kankaan sijainnin perusteella. Super Tidy myös nimeää kehyksesi uudelleen ja järjestää ne uudelleen tasoluettelossa niiden sijainnin mukaan kankaalla.
![Kohdista figmaan](/f/17a5e52d8ab628abbb673f46f1df401a.jpg)
Hanki Super Tidy
12. Vectary
Vectary 3D -laajennus Figmalle lisää puuttuvan kolmannen ulottuvuuden 2D-suunnitelmiisi. Sijoita Figma-suunnitelmasi ennalta määritettyyn 3D-malliin tai mukautettuun 3D-elementtiisi. Aseta haluamasi perspektiivi 3D: ssä ja aseta tulos kohtaukseen yhdellä napsautuksella. Se on välttämätön laajennus, varsinkin kun haluat tehdä vaikutuksen asiakkaisiin.
![Vectary for figma](/f/89484dbab3f2399c4806303d61f10691.jpg)
Hanki Vectary Figmaan
13. Fontin esikatselu
Taitavasti muotoiltu typografia niiden käyttöliittymäsuunnittelussa ja tekee siitä myös houkuttelevan monille. Tekstityypillä on voima tehdä tai rikkoa käyttöliittymä. Saman typografian käyttäminen voi vahingoittaa suunnittelua. Voit välttää sen käyttämällä Fontin esikatselua. Tämän laajennuksen avulla voit esikatsella tekstiäsi yli 1000 typografiatyylillä.
![Figman fontin esikatselu](/f/791bf9d6a5d26f227d11bae02c95817b.jpg)
Hanki Figman fontin esikatselu
Myös opastekniikassa
Käytä Figmaa kuin ammattia
Käyttöliittymäsuunnitteluohjelmiston laajennukset ovat samanlaisia kuin laajennuksia selaimelle. Käyttämällä oikeaa laajennussarjaa voit parantaa huomattavasti työnkulkuasi ja tuottavuuttasi Figman avulla. Käy läpi yllä oleva luettelo ja kerro alla olevissa kommenteissa, mitkä laajennukset asensit.
Seuraava: Figmaa on ilo käyttää sisäänrakennettujen pikanäppäinten kanssa. Lue alla oleva viesti saadaksesi tietoa yhdestätoista suosituimmasta Figma-pikanäppäimestä Windowsille ja Macille.