Tartalom
1. A Figma áttekintése
2. Figma Review
3. Figma oktatóanyag: Hogyan kell használni?
4. Figma alternatívák és összehasonlítás
5. GYIK a Figma Review-ról

A Figma minden funkciójának áttekintése a hihetetlen webtervezési élmény érdekében

Skylar ReidSkylar ReidFrissítve 2023. február 28-ánKépszerkesztő

Webhelyek és mobilalkalmazások felhasználói felületének megtervezése csapatával egyszerű: a Figma, egy hatékony, ingyenes prototípuskészítő eszköz használatával. Bárki részt vehet a tervezési folyamatban, köszönhetően az online együttműködésnek és egy további böngésző alapú felületnek. Az eszköz ingyenes kiadásának korlátai az egyetlen hátránya. Ez lehet a legalapvetőbb dolog, amit a Figmáról tudunk. Ez a bejegyzés többet tud meg róla, ha elolvassa ezeket a részleteket véleménye a Figmáról.

Figma Review

Tartalomjegyzék

1. A Figma áttekintése 2. Figma Review 3. Figma oktatóanyag: Hogyan kell használni? 4. Figma alternatívák és összehasonlítás 5. GYIK a Figma Review-ról

1. A Figma áttekintése

Mi az a Figma?

Webhelyek és mobilalkalmazások felhasználói felületének megtervezése csapatával egyszerű: a Figma, egy hatékony, ingyenes prototípuskészítő eszköz használatával. Bárki részt vehet a tervezési folyamatban, köszönhetően az online együttműködésnek és egy további böngésző alapú felületnek. Az eszköz ingyenes kiadásának korlátai az egyetlen hátránya.

Továbbá egy kizárólag felhasználói felületek létrehozására készült web alapú program a Figma (UI). 2015-ben fejlesztette ki a Google fejlesztőinek egy kis csoportja, akik hatékonyabb megközelítést kívántak kialakítani az UI-projektekben való együttműködéshez. Úgy gondolták, hogy az olyan jelenlegi eszközök, mint a Photoshop és a Sketch, nem elég sokoldalúak, ami feldühítette őket. Ezért valami újszerű kidolgozását tűzték ki célul, hogy az emberek gyorsabban tudjanak elvégezni több feladatot.

Sőt, a Figma, amely az eredmény lett, 2016-ban tőzsdére került. Azóta szakértő tervezők ezrei használták, és milliószor töltötték le. Mivel olyan speciális funkciók kombinációját biztosítja az ügyfeleknek, amelyek más szoftverekből hiányoznak, népszerűsége gyorsan nőtt.

Profik
Egyszerű élmény és felület.
Eszközök az online együttműködéshez.
Elérhető és az interneten alapul.
PC-re és mobileszközökre is elérhető.
A dizájn nagyon érzékeny.
A fájlok megosztása egyszerű és elérhető ebben az alkalmazásban.
Testreszabható sablonok állnak rendelkezésre.
Hátrányok
Kiválasztott projektek csak az ingyenes csomagban.
Ez az eszköz csak online működik.
Az együttműködési képességek nem elegendőek.
Prototípuskészítési folyamaton megy keresztül.
Egyes eszközöket nehéz használni és nehéz megtalálni.
A nézeti lehetőségeket ki kell dolgozni.
Nem alkalmas kezdő felhasználók számára.

Miért használja a Figmát a Photoshop helyett?

A Photoshop professzionális képszerkesztő program egy ideje létezik. A tervezők és a fotósok a Photoshop segítségével szerkesztik a fotókat, hogy olyan dolgokat módosíthassanak, mint a vágás, átméretezés és színezés. 2016-ban bemutatták a Figma nevű vadonatúj webalkalmazást, amely arra készült, hogy segítse a felhasználókat drótvázak, prototípusok és makettek előállításában webhelyekhez és más digitális termékekhez. Íme a három nagyszerű ok, amiért a Figmát használja a Photoshop helyett.

Egyszerűen használható. A Figma könnyű kezelhetősége az egyik fő előnye. Nincsenek zavaró eszköztárak vagy menük, amelyekben eltévedhetnénk. Ehelyett mindössze annyit kell tennie, hogy válasszon a képernyő tetején található elsődleges menüből.

Tapasztalat nem szükséges. A Photoshoppal ellentétben a Figmának nincs szüksége előzetes tudásra a tanuláshoz. Bárki azonnal felveheti és elkezdheti a munkát.

A Figma kiváló a tervezők számára, mert nem helyettesíti a Photoshopot. Ez egy társalkalmazás, amely segíti a webhelytervezőket munkájuk javításában.

2. Figma Review

Figma árképzés

A Figma egy ingyenes eszköz, kedvező árú havi és éves előfizetéssel. A Figma, egy ingyenes felülettervező program prémium havi és éves tagsága a hatékony felhasználóknak szól. Természetesen az ingyenes verziónak vannak korlátozásai. A felhasználók három FigJam fájlt és három Figma fájlt készíthetnek. Az alkalmi fogyasztók, viszonylag kis csapatok és független tervezők számára ez nem szörnyű.

Azon felhasználók számára, akik fizettek, két frissítés áll rendelkezésre. A Professional programban a csapatkönyvtárak, a hangbeszédek és a fájlkiegészítések száma korlátlan. Hasznos, ha konzisztensnek kell lennie a márkaépítésben. A havi díj $15, 14 GBP vagy 24 AUD szerkesztőnként. A szerkesztők havi díja $12, 11 GBP vagy 19 AUD éves előfizetés esetén.

A szervezet költsége $45 / 41 GBP / 71 AUD szerkesztőnként havonta éves előfizetés esetén, és magában foglalja mindazt, amit a Professional, valamint a szervezetre kiterjedő könyvtárakat, elemzéseket és központi fájlkezelést.

Figma figurák

A Figma sorozat rendkívül artikulált, mégis vonzó PVC-akciófigurái segítségével kedvenc figuráit tetszőleges pózban állíthatod ki. Ezenkívül a Figma sorozat ABS-ből és PVC-ből készült figurái csuklósak. Minden figurához rugalmas állvány tartozik. A figurák magassága 13-16 cm, a karakter magasságától függően.

Figma figurák

Figma sablonok

Keressen több mint 300 sablont, amelyet munkatársaink készítettek, hogy segítsenek egy ötletet elindítani, vagy valami újat formálni belőle. Kérjük, kezdje a fenti navigációval, vagy görgessen lefelé, hogy ötleteket keressen kedvenc kategóriáink között. A felhasználók által legkedveltebb Figma-sablonok közül néhány a következő:

Kitek drótvázhoz. Komponens alapú drótváz készletünk segítségével gyorsan érvényesítheti elképzeléseit, és felgyorsíthatja a weboldal tervezési folyamatát.

Használja termékfejlesztési sablonjainkat a következő összeállítás megtervezéséhez. A FigJam sablonok megbízható ütemtervet kínálnak a termékút kezdetétől egészen a kész termékig, így magabiztosan megragadhatja a kormányt.

A FigJam felpezsdíti a terméktervezést. Egy olyan tervezési eljárás, amely inkább konszenzust eredményez, mint káoszt, az első lépés a kivételes termékek létrehozásában. Fedezze fel, hogy a FigJam, egy online csapattáblázat hogyan teszi átfogóbbá, hatékonyabbá és élvezetesebbé a tervezést.

Figma sablonok

Figma beépülő modulok és ikonok

A Figma bővítmény lehetővé teszi a következőket: Ikonok behozása. Ezenkívül áthúzhatja a beépülő modulok ikonjait a Figmába. Gyorsan cserélje ki a kiválasztott ikont. A fejlesztők számára tekintse meg az importált ikonok kódját. Kód beszúrása egyedi SVG importálásához. Adatokat dekódol: URI-t is. Töltetlen! Az Iconify mindig SVG-ként importálja az ikonokat, ellentétben más beépülő modulokkal, amelyek több ikont adnak, de pénzt igényelnek az SVG használatáért. A nyílt forráskódú Iconify projekt kizárólag nyílt forráskódú ikonkészleteket biztosít.

Ezenkívül a Plugin nyomon követi az utoljára meglátogatott oldalt, így egyszerűvé válik a böngészés vagy a szimbólumok keresése. A beállítások oldalon bármikor visszaállíthatja a bővítményt. A kis monitorral rendelkező felhasználók számára a kompakt mód is elérhető a bővítményben. Engedélyezze az apró szélesség opciót a menü (3 sor) hivatkozásra kattintva.

Figma ikon

Figma automatikus elrendezés

A Figma egyik legfontosabb funkciója az Auto Layout, amely alkalmazkodóképességének köszönhetően kitűnik a többi tervezőprogram hasonló funkciói közül. Lényegében lehetővé teszi, hogy kereteket és alkatrészeket építsen fel úgy, hogy azok automatikusan kibővüljenek, vagy a tárolót a tartalom méretéhez igazítva, vagy fordítva.

Figma automatikus elrendezés

3. Figma oktatóanyag: Hogyan kell használni?

1.

Hozzon létre egy Figma-fiókot

Látogassa meg a www.figma.com webhelyet, kattintson a Regisztráció lehetőségre, és töltse ki az űrlapot a Figma használatához. Ha ezt befejezte, a Figma elindul egy ilyen kezdőképernyővel. Kezdésként válassza az "Új fájl" lehetőséget, majd induljon!

Figma fiók létrehozása
2.

Fedezze fel a Figma felületét

A Figma felület nagyon egyszerű megjelenésű és érzetű, de számos erős képességet rejt.

Eszköz. A valószínűleg leggyakrabban használt eszközök – keretek, alakzatok, szöveg stb. – kényelmesen elérhetők itt. (Ezekkel az eszközökkel a következő napokban foglalkozunk.)

Opciók. Ebben a részben a kiválasztott eszköz további opciói jelennek meg. A Figma a fájl nevét mutatja, ha nincs kiválasztva elem (mint a fenti példában). A környezetfüggő választási lehetőségek itt jelennek meg, ha egy objektumot kijelölünk.

Rétegek. Minden fájl összetevője fel van sorolva, és keretekbe és csoportokba sorolható.

Vászon. Itt elvégzi és értékeli az összes munkáját.

Ellenőr. Az Inspector bármely kiválasztott objektumhoz kontextuális információkat és beállításokat jelenít meg. Magának a Canvasnak a lehetőségeit láthatjuk a fenti képen. Ezeket a hét későbbi részében megbeszéljük. Kérjük, vegye figyelembe, hogy a Figma különböző lapokat biztosít az Inspectorban (Tervezés, Prototípus és Kód).

3.

Keret létrehozása

A Keret eszköz kiválasztásához nyomja meg az F billentyűt. A Frame Tool ikon a alatt található Opciók cat az ablak tetején, ahol alternatívaként is kiválaszthatja. Ezenkívül megnyomhatja A számára Rajztábla ha hozzászokott a Sketch használatához.

Figma alkotó keret
4.

Hozzon létre egy szövegréteget

Most írjunk egy kis tartalmat. Hozzáadni a Szöveg réteget, kattintson bárhová az iPhone-keretben, miután kiválasztotta a Szöveg szerszám megnyomásával T. Gépeljünk Bejelentkezés mert az a gombkialakítás egyik összetevője lesz. A Szöveg eszköz elhagyásához nyomja meg a gombot Menekülni.

Figma Szöveg hozzáadása
5.

A rétegeket téglalapba kell rendezni

A Téglalap eszköz kiválasztásához nyomja meg a gombot R. Rajzoljon egy gomb alakú téglalapot az újonnan létrehozott szöveg köré.

Figma szöveg és háromszög igazítása
6.

Szöveg és téglalap igazítása

Nyomással Menekülni vagy V, győződjön meg arról, hogy az Áthelyezés eszköz van kiválasztva, mielőtt húzza a sátor a szöveg és a téglalap körül.

Figma igazító háromszög
7.

Módosítsa a betűtípust

Meglátogathatja az Inspector beállításait, miközben a szövegréteg kiválasztásakor módosítja a betűtípust, valamint annak méretét, súlyát és színét. A Roboto még mindig használatos, de az írás már félkövér és nagybetűs. Próbálj meg utánanézni a választásodnak!

Figma Szöveg módosítása
8.

Fájl mentése és elnevezése

A fájlunk elnevezése a mai nap utolsó feladata; ehhez válassza ki az összes objektumot a segítségével Menekülni működni fog, és kattintson oda, ahol az olvasható Névtelen az ablak tetején. Ezután írja be, majd nyomja meg Megment befejezni.

4. Figma alternatívák és összehasonlítás

Tervek és ár Interfész és tapasztalat Tervezés Online együttműködés
4.0 4.5 4.5 4.0
4.0 4.0 4.5 4.0
4.0 4.0 4.0 4.0
4.5 4.0 4.0 4.0
4.0 4.5 4.5 4.5
4.0 4.0 4.0 4.0
4.0 4.0 4.0 4.0

5. GYIK a Figma Review-ról

A Figma leállt?

A Figma-fájl több okból is összeomolhat. A számítógép újraindítása a leggyakoribb megoldás. Próbálja újra betölteni a fájlt, vagy nyissa meg egy másik böngészőben, ha ez nem működik.

Hogyan lehet kivágni egy alakzatot a Figmában?

Ha a képernyő bal felső sarkában található Kitöltés mód legördülő menüből a Vágás lehetőséget választja, a Figma nyolc kék fogantyút ad a kép széleihez. Ezután eldöntheti, hogy a kép mekkora részét jelenítse meg a kék fogantyúkra kattintva és bármely irányba húzva.

A Figma könnyen megtanulható?

A Figma egy viszonylag könnyen elsajátítható program az új webes tervezők számára. Ez azért van így, mert a Figma a szoftver korlátozott, ingyenes kiadását biztosítja a felhasználóknak, beépített időkorlát nélkül, és az eszközök használata egyszerű.

Következtetés

Ebből a bejegyzésből jól megérti a FIGMA-t, valamint fő előnyeit és hátrányait. A FIGMA egy nyílt forráskódú, csapatalapú szoftverfejlesztő platform webes alkalmazások létrehozására. Kódszerkesztővel, tesztelőeszközzel és rich text szerkesztővel rendelkezik. A Model-View-Controller (MVC) a FIGMA alapja. Még ha vannak bizonyos hátrányai is, az előnyeinek köszönhetően könnyedén megtanulhatja a Figmát, ha követi a fent említett néhány egyszerű lépést. Reméljük, hogy ez a bejegyzés minden részletet megad.

Hasznosnak találta ezt?

329 Szavazatok

IgenIGENKöszönjük, hogy tudatta velünk!NemNemKöszönjük, hogy tudatta velünk!
AnyMP4 Video Converter Ultimate

Minden az egyben videó konverter, szerkesztő, javító AI-val feljavítva.

AnyMP4 Video Converter Ultimate