Az Önhöz hasonló olvasók támogatják a MUO-t. Amikor a webhelyünkön található linkek használatával vásárol, társult jutalékot kaphatunk. Olvass tovább.

A Figma egy hatalmas tervezési eszköz, és a legtöbb UX/UI-tervező első számú választása tervezőprogramként. A Figmában sok mindent létrehozhat, és ez egy könnyen megtanulható program.

Tervezőként gyakran időt akarunk megtakarítani, ezért értékes óráinkat jó munkával töltjük, ahelyett, hogy az étlapon böngésznénk. Összeállítottunk egy listát a hasznos Figma parancsikonokról, amelyek leegyszerűsítik a munkafolyamatot.

Ezzel az egyszerű, egygombos gyorsbillentyűvel gyorsan méretezheti a tételeket. Üsd a K gombot, majd válassza ki az átméretezni kívánt objektumot. Mindössze annyit kell tennie, hogy kattintson és húzzon egy horgonypontot, és az objektum méretarányosan marad, miközben átméretezi azt, amire szüksége van.

A Frame eszköz egy gyakran használt eszköz a Figmában, amikor több kerettáblát hoz létre prototípustervekhez. Ütés F a billentyűzeten egyetlen érintéssel előhívja az eszközt, lehetővé téve a keret gyors megrajzolását vagy méretezését.

A keretet közvetlenül megrajzolhatja a kurzor kattintásával és húzásával, vagy a Keret eszköz kiválasztása után beírhatja a kívánt méreteket a keretmenü jobb oldalán található méretmezőkbe.

3. Váltás a tervezési és a prototípus mód között

A Váltás + E parancsikon lehetővé teszi a tervezési mód és a prototípus mód közötti váltást. Ugyanaz a parancsikon működik függetlenül attól, hogy melyik módból indul ki és melyikre vált. Lásd a mi kezdő útmutató a Figmához hogy megtanulják az e módok közötti különbségeket.

Alternatív megoldásként léteznek erre a célra konkrétabb parancsikonok. Alt (Ablakok) / választási lehetőség (Mac) + 8 segítségével válthatunk Prototype módból Tervezés módba, míg Alt (Ablakok) / választási lehetőség (Mac) + 9 tervezési módból visszavált prototípus módba. Magától értetődően, Váltás + E egyszerűbb, de jó, ha vannak lehetőségek.

4. Válassza ki a legbelső elemet egyetlen kattintással (mély kijelölés)

Ha több rétegben vagy beágyazott képekkel tervez, nehéz lehet egy elemet gyorsan kiválasztani. Ha időt szeretne megtakarítani, ha tucatnyi kattintással kiválasztja a legalsó réteget, használja inkább ezt a parancsikont.

Mac gépen tartsa lenyomva Cmd + Kattintson az elemet, és a Windows rendszeren Ctrl + Kattintson. Egy egyszerű gombbal perceket takaríthat meg az agyatlan kattintás az alsó réteg elem kiválasztásához.

5. A legbelső elem kiválasztása után lépjen ki egy szinttel

Miután kiválasztotta a tervezés legbelső elemét, rájöhet, hogy egy szinttel közelebbi elemet szeretne kiválasztani – egyszerűen. Ha megtalálta a legbelső elemet, nyomja meg a gombot Váltás + Belép egy szinttel visszalépni. Ezt minden szinten megteheti.

6. Összes réteg összecsukása

A Figma programban történő tervezéskor a rétegpanel tágulni kezd, és kissé rendetlennek tűnhet, különösen, ha konvertálja a HTML-t Figma-tervre. A rétegek összecsukásához egyszerűen nyomja meg a gombot Alt + L (Windows) ill választási lehetőség + L (Mac).

Ha a parancsikon használata közben kiválasztott egy elemet, az adott elemet tartalmazó réteg nyitva marad. Jelölje ki a rajztábla bármely részét az összes elem kijelölésének megszüntetéséhez, és használja a parancsikont az összes réteg összecsukásához.

7. Elrendezési rácsok megjelenítése vagy elrejtése

Az elrendezési rácsok használata a legjobb módja annak, hogy a terv megfeleljen bizonyos arányoknak, és megfelelően méretezhető legyen a különböző eszközökhöz. Bár hasznosak, nem akarja mindig, hogy a rácsok megjelenjenek.

Az elrendezési rácsok be- és kikapcsolása Macen más, mint Windowson. Mac-en nyomja meg Ctrl + G be- vagy kikapcsolásához. Ha Windowst használ, ez egy hárombillentyűs billentyűparancs; Ctrl + Váltás + 4. Különbözőek, de ugyanazt csinálják.

8. Helyezzen el több fényképet egyszerre

Ha olyan elrendezést készített, amelyben helyőrző alakzatok készen állnak a képeihez, akkor bosszantó lehet, ha egyesével szúrja be a képeket. Ez a parancsikon lehetővé teszi több fénykép elhelyezését, és egyszerűen válassza ki a helyőrzőt – vagy bárhol a rajztáblán – az egyes fényképek elhelyezéséhez.

Mac felhasználók számára nyomja meg a gombot Cmd + Váltás + K a párbeszédablak felhúzásához a képek megkereséséhez. Windows alatt ez van Ctrl + Váltás + K hogy több fényképet is megkereshet és elhelyezhet a Figma designban. Ha te hozzon létre egy mestersablont a Figmában, ez egy nagyszerű parancsikon a használatra.

9. Másoljon bármilyen képet PNG formátumban

Ha képeket használ a Figma-tervben, számos fájlformátumot használhat, de előfordulhat, hogy az ügyfélnek szüksége van PNG-re. Bármilyen képet másolhat PNG formátumban, függetlenül annak eredeti formátumától.

Válassza ki a kiválasztott képet és nyomja meg Cmd + Váltás + C Mac és Ctrl + Váltás + C Windowson, hogy PNG-ként másolhassa. Könnyedén használhatja ezt a parancsikont, hogy magas színvonalú képformátumot biztosítson, különösen, ha igen prezentációk készítése a Figmával.

10. Szemcsepp szín bárhonnan

A szín szemcseppenítése praktikus funkció, amikor a színt a terv egyik részéből a másikba viszi át. Ezzel a gyors billentyűkóddal pillanatok alatt felhúzhatja a pipettát, és a rajztábláján bárhonnan színmintát választhat.

Macen nyomja meg a gombot Ctrl + C, Windowson pedig a betűbillentyű én. Miután megnyomta a billentyűparancsokat, mozgassa a pipetta célpontját a használni kívánt szín fölé, majd kattintson egyszer a színminta kiválasztásához.

11. Nyissa meg az Erőforrások lapot

Az Erőforrások lapon találhatók az Összetevők, a Beépülő modulok és a Widgetek menük. Bár nincsenek billentyűparancsok a menük külön-külön történő megnyitásához, az Erőforrások parancsikon továbbra is időt takarít meg: Váltás + én. tudsz Használjon beépülő modulokat, hogy maketteket hozzon létre és adjon hozzá Figma-terveit.

Takarítson meg időt a Figma parancsikonjaival

A tervezők általában parancsikonokat használnak munkájuk során, hogy időt és energiát takarítsanak meg, és a Figmában való munka sem különbözik egymástól. Ezek a Figma parancsikonok csak a programban használható parancsikonok felületét karcolják meg.

Ezek a parancsikonok nem nyilvánvalóak és nem könnyen megtalálhatók, ezért vigye át új ismereteit a Figmába, és gyönyörködjön azokban az információkban, amelyeket sok tervezőnek hónapokig vagy évekig tart, mire kitalálja.