Figma devine rapid instrumentul de proiectare și prototipare al industriei de web, preferabil chiar mai mult decât Adobe XD și Sketch. Aceasta este prima dintr-o serie de 13 postări, fiecare dintre acestea o mică colecție de sfaturi și trucuri Figma pentru a vă ajuta să aflați ceva specific. Deci, să începem cu câteva sfaturi pentru a grăbi colaborarea cu panoul straturilor.
În multe aplicații de proiectare, prin ștergerea substraturilor (sau a straturilor copilului) stratul părinte principal va rămâne în continuare intact. Totuși, în Figma, prin selectarea și ștergerea tuturor straturilor copilului, părintele este, de asemenea, șters, ceea ce ajută la păstrarea lucrurilor frumoase și îngrijite.
Selectarea și ștergerea straturilor copiluluiPuteți să deblocați sau să arătați toate obiectele simultan tastând CMD + / sau CTRL + / (în funcție de platforma dvs.). Introduceți (de exemplu) "deblocați" în caseta care apare și selectați comanda pe care doriți să o efectuați.
Deblocați obiecteLa redenumirea straturilor puteți lovi TAB să treceți rapid la următorul. lovirea SHIFT + TAB vă va lua înapoi lista, redenumind în timp ce mergeți.
Redenumirea straturilor rapidePentru a extinde simultan mai multe straturi, începeți prin selectarea straturilor dorite în panoul straturilor spre stânga. Ține-te jos CMD sau CTRL în funcție de platforma dvs., apoi apăsați pe oricare dintre săgețile de expansiune mici pe care le vedeți în partea stângă a denumirii straturilor. Acest lucru va deschide absolut totul în toate straturile alese.
Pentru a restrânge totul, este același proces invers.
Extinderea mai multor straturi în FigPentru a bloca rapid o grămadă de straturi în Figma, faceți clic pe pictograma "blocare" a stratului și trageți în jos până când ați blocat tot ce aveți nevoie (același lucru se întâmplă în cazul inversării straturilor de deblocare). Pentru a ascunde sau a dezvălui straturi, se poate utiliza aceeași abordare, dar făcând clic și trăgând pe o pictogramă "ochi".
Blocați rapid mai multe straturi în FigAflați cum să utilizați Figma ca pro cu seria noastră de cursuri:
Kitul UI folosit în acest tutorial este pe deplin compatibil cu Figma și disponibil de la Envato Elements:
Finanțați UI pentru șablon de aplicații mobile pentru aplicații mobile