A 10 legjobb Figma funkció, amelyet minden tervezőnek használnia kell

Akár szabadúszó grafikus, akár házon belüli UI / UX-tervező vagy, a Figma elsajátítása segíthet a sikeres karrier létráján való feljutásban.

Ezt szem előtt tartva, itt vannak a legjobb Figma funkciók, amelyeket úgy gondolunk, hogy minden tervezőnek használnia kellene...

Mi az a Figma?

Figma egy fejlett web-alapú grafikai tervező eszköz, amely az UI / UX prototípus készítésével kapcsolatos új generációs együttműködési munkát kínál. Ez egy robusztus alkalmazás, amely lehetővé teszi egyedi, felhasználóbarát, ugyanakkor professzionális UX-tervek készítését.

Tehát, függetlenül attól, hogy szakterületén van-e, vagy csak UI / UX tervezőként vagy grafikusként kezd karriert, itt találja a legjobb Figma-szolgáltatásokat, amelyekkel kezelheti.

1. Változatok az alkatrészkezeléshez

A Variants egy intelligens alkatrész-menedzsment modul, amely Figma komponens-könyvtár néven ismert. Könnyedén szétválaszthatja ugyanazon összetevő duplikált variációit, és kombinálhatja őket a csapat eszközkönyvtárának rendezéséhez.

Megadhat egyetlen tárolót is az összes hasonló összetevőhöz. Az együttműködő munka során a Változatok megkönnyítik a csapattagok számára, hogy megtalálják, amit keresnek. A komponensváltozatok értékeinek és tulajdonságainak testreszabásával zárja ki a tervezési rendszerből a találgatásokat.

2. Felsorolással ellátott listák

Felsorolt ​​és számozott listákat is felvehet az UI / UX tervezési projektjeibe. A listák lehetővé teszik az adatok egyszerű rendezését és a kapcsolódó információk hangsúlyozását a vektortervekben. Legfeljebb öt mélyedést tartalmazhat. Vizuális színmódosításokat is elvégezhet a szöveg színén, vonásokon és effektusokon keresztül.

Összefüggő: Adobe XD: Az ingyenes felhasználói felület és UX tervező eszköz, amelyet most használhat

3. Csatlakoztasson több Figma-fiókot

Az összes Figma-fiókot, munkaterületet és közösségi profilt egy képernyőn érheti el. Legfeljebb 10 Figma-fiókkal maradhat bejelentkezve. A Figma képernyő bal felső sarkában gyorsan válthat bármelyik munkaterületre. A fiókok esetében kattintson a jobb felső sarokban a fiókváltó megnyitásához.

4. A Felújított Ellenőrzés fül

A Figma előző kódpanelje az Ellenőrzés fül. Ez a szolgáltatás lehetővé teszi az együttműködőknek, különösen a fejlesztőknek, hogy megszerezzék azok értékeit és kódjait, amelyeken dolgoznak. Csapattagjai ebből a fülből nyerhetnek ki adatokat, például Színek, Változatok, Tulajdonságok, Árnyékok, Tartalom, Szegélyek és Tipográfia.

5. A Példánycsere menü

A Figma 2020-ban megújította az Példánycsere menüt, hogy push stílusú menüt tartalmazzon. Ez lehetővé teszi a tervezők számára, hogy könnyedén szörföljenek az alkatrészek között.

A csapattárak közötti váltáshoz használhatja a legördülő választót is. Elegáns miniatűr van az alkatrészek előnézetéhez.

6. Figma közösségi fájlok és bővítmények könyvtár

A Figma erőforrásokkal gazdagított közösségi platformtal rendelkezik, ahol közzéteheti projektjeit, hogy a tagtársak megvizsgálhassák vagy átdolgozhassák azokat. Több ezer alkotó van, és a következő forrásokat kaphatja meg:

• Nyitott ábrák illusztráció könyvtár
• Távoli tervezés
• Anyagtervező készlet
• Figma sablonok

A Figma beépülő modulok nagy teljesítményűek, ugyanakkor stabilak és biztonságosak. Az írás idején több mint 40 exkluzív bővítmény érhető el, és a lista egyre növekszik. A vállalati előfizetéseknél privát bővítményeket terjeszthet a vállalaton belül. Néhány hasznos plugin, amelyet használhat:

• Ismétlődő feladat-automatizálás Figma keretek között
• Tervezze meg a hibadetektálás bővítményeit
• Adatpopulációs bővítmények

7. Zeplin integráció

Figma támogatja a bennszülöttet Zeplin plugin ez lehetővé teszi a Figma-tervek egyszerű jobb kattintással történő exportálását a Zeplin munkaterületekre a további ötletelés és fejlesztés érdekében. Más tervezőeszközöktől eltérően nincs nagyobb felbontású vagy teljesítményű csuklás, ha nagyobb Figma keretek vagy tervek exportálására van szükség.

A Figma és a Zeplin együtt dolgoznak a Figma komponensek új élő frissítési funkciójának bevezetésén a Zeplin felé.

8. A projekt valós idejű frissítése

A Figmát nem érintő UI / UX tervezési folyamat során az egész csapatnak egynél több harmadik féltől származó eszközt kell használnia a projektfrissítések és a tervezési makettek továbbítására. Több fájlátvitelre van szükség ahhoz, hogy minden csapattag az aktuális állapot tetején legyen.

A valós idejű frissítés révén azonban az Figma alkalmazás maga gondoskodik a prototípus és annak frissítéseinek cseréjéről a csapattagokon belül.

A projekt átadása a tervezőtől a fejlesztőig nem igazán szükséges a Figmában. Ez azért van, mert amikor a Confluence segítségével megoszthatja a Figma makettjeit, a terv bármely változása automatikusan élő tevékenységként jelenik meg a projektfájlban.

Összefüggő: Mi a különbség az UI és az UX Design között?

9. Intuitív és egyértelmű prototípus-készítés

A Figma segítségével a prototípus készítése rendkívül egyszerű és rendetlenségmentes, mivel magában foglalja a képkockák közötti átmenetet. A Figma egy all-in-one eszköz, és nincs szüksége egy harmadik féltől származó felülvizsgálati eszközre, mint például a Marvel vagy az InVision.

A Figma prototípusokat könnyedén megoszthatja a csapat tagjaival, akárcsak a Figma tervezési fájljait. Csak annyit kell tennie, hogy megosztja a linket a megfelelő szerkesztési engedélyekkel. Bármely megjegyzés vagy visszajelzés az eszközön marad, és a Slack-en belül is találhat rekordokat.

A fejlesztők könnyen elérhetik a projekttervezés munkafolyamatát, megjegyzéseket tehetnek a tervező számára, és CSS-attribútumokat és méréseket kaphatnak.

Összefüggő: Egyszerű CSS kód példák, amelyeket 10 perc alatt megtanulhat

10. Ossza meg a Design Review visszajelzéseket

Az UI / UX tervezési projekt áttekintése egyszerűen csapatkonferencia a Figma használatakor. Ötletgyűjtés és áttekintés során az egész csapat nagy képernyőn dolgozhat, hogy ugyanazon Figma tervezési kereten belül rögzítse a megjegyzéseket és megoldja a problémákat.

Mivel a Figma támogatja a legfejlettebb alkalmazáson belüli kommentelési technológiát, a visszajelzések megosztása zökkenőmentes. Kommentálhat mind a prototípus készítés, mind a tervezési módokról. Bármely e-mail kliens vagy Slack tárolhat megjegyzéseket és javaslatokat.

A Figma megkönnyíti a tervezést és a prototípus készítést

Az UI / UX megtervezése és prototípus készítése magasabb szintű készségeket igényel, és több eszközre összpontosít. De a Figma segítségével zökkenőmentesen elsajátítható és megvalósítható a tervezési készségek, és olyan UX-t nyújthatunk, amely valóban javítja az ügyfélélményt.

Végezhet prototípus-készítést, ötletbörzét, felülvizsgálatot és a felhasználói felület tervezését, mindezt ugyanazon eszköz segítségével. A Figma ma már ipari szabvány, és mindenképpen érdemes megnézni.

Hogyan tartsa márkáját összhangban az Adobe Spark-tal

Az Adobe Spark segítségével színeket, betűtípusokat és logókat rendelhet hozzá a márka profiljához, megkönnyítve ezzel az egységes tervek elkészítését.

Olvassa el a következőt

A szerzőről