Figma este un instrument de design puternic și este prima alegere a majorității designerilor UX/UI ca program de design. Puteți crea atât de multe în Figma și este un program ușor de învățat.
În calitate de designeri, deseori căutăm să economisim timp, așa că ne petrecem orele prețioase creând lucrări bune, mai degrabă decât căutând prin meniuri. Am compilat o listă de comenzi rapide utile Figma care vă vor simplifica fluxul de lucru.
Această comandă rapidă simplă cu o singură tastă este o modalitate rapidă de a vă scala elementele. Loveste K tasta, apoi selectați obiectul pe care trebuie să îl redimensionați. Tot ce trebuie să faceți este să faceți clic și să trageți un punct de ancorare, iar obiectul dvs. rămâne la scară în timp ce redimensionați la ceea ce aveți nevoie.
Instrumentul Frame este un instrument foarte folosit în Figma atunci când se creează mai multe plăci de cadru pentru modele de prototip. Lovind
F de pe tastatură afișează instrumentul dintr-o singură atingere, permițându-vă să desenați sau să dimensionați cadrul rapid.Puteți desena direct cadrul făcând clic și trăgând cursorul sau odată ce instrumentul Cadru este selectat, puteți introduce dimensiunile dorite în casetele de dimensiuni din meniul cadru din dreapta.
3. Comutați între modurile Design și Prototip
The Schimb + E comanda rapidă vă permite să comutați între modul Design și modul Prototip. Aceeași comandă rapidă funcționează indiferent de modul din care porniți și în care treceți. Vezi noastre ghid pentru începători pentru Figma pentru a învăța diferențele dintre aceste moduri.
Alternativ, există mai multe comenzi rapide specifice în acest scop. Alt (Windows) / Opțiune (Mac) + 8 poate fi folosit pentru a comuta de la modul Prototip la modul Design, în timp ce Alt (Windows) / Opțiune (Mac) + 9 comută din modul Design înapoi în modul Prototip. Evident, Schimb + E este mai ușor, dar este plăcut să ai opțiuni.
4. Selectați elementul cel mai interior într-un singur clic (Selectare profundă)
Când proiectați în mai multe straturi sau cu imagini încorporate, poate fi dificil să selectați rapid un element. Pentru a economisi timp făcând clic pe ceea ce pare de duzină de ori pentru a selecta stratul cel mai de jos, utilizați în schimb această comandă rapidă.
Pe un Mac, țineți apăsat Cmd + Clic elementul, iar pe Windows, Ctrl + Clic. O tastă simplă economisește minute de clic fără minte pentru a selecta un element din stratul inferior.
5. Deplasați un nivel după selectarea elementului cel mai interior
Odată ce ați reușit să selectați cel mai interior element al designului dvs., s-ar putea să vă dați seama că doriți să selectați un element cu un nivel mai aproape - ușor. Odată ce ați găsit elementul cel mai interior, apăsați Schimb + introduce pentru a reveni la un nivel. Puteți face acest lucru pentru toate nivelurile.
6. Restrângeți toate straturile
Când proiectați în Figma, panoul de straturi va începe să se extindă și poate arăta puțin dezordonat, mai ales când converti HTML într-un design Figma. Pentru a restrânge straturile, apăsați pur și simplu Alt + L (Windows) sau Opțiune + L (Mac).
Dacă aveți un element selectat în timp ce utilizați această comandă rapidă, stratul cu acel element va rămâne deschis. Selectați oriunde în afara tabloului de desen pentru a deselecta toate elementele și utilizați comanda rapidă pentru a restrânge toate straturile.
7. Afișați sau ascundeți grilele de aspect
Utilizarea grilelor de aspect este cea mai bună modalitate de a vă asigura că designul atinge anumite proporții și poate scala corect pentru diferite dispozitive. Deși sunt utile, nu doriți ca grilele să fie afișate întotdeauna.
Activarea și dezactivarea grilelor de aspect este diferită pe un Mac decât pe Windows. Pe un Mac, apasă Ctrl + G pentru a-l activa sau dezactiva. Dacă utilizați Windows, este o comandă rapidă cu trei taste; Ctrl + Schimb + 4. Sunt diferiți, dar fac același lucru.
8. Plasați mai multe fotografii simultan
Dacă ați proiectat un aspect cu forme de substituent pregătite pentru imaginile dvs., poate fi frustrant să inserați imaginile una câte una. Această comandă rapidă vă permite să plasați mai multe fotografii și să selectați pur și simplu substituentul - sau oriunde pe tabloul de desen - pentru a plasa fiecare fotografie individuală.
Pentru utilizatorii de Mac, apăsați Cmd + Schimb + K pentru a deschide fereastra de dialog pentru a găsi imaginile dvs. Pe Windows, este Ctrl + Schimb + K pentru ca tu să găsești și să plasezi mai multe fotografii în designul tău Figma. daca tu creați un șablon principal în Figma, aceasta este o comandă rapidă excelentă de utilizat.
9. Copiați orice imagine ca PNG
Când utilizați imagini în designul dvs. Figma, este posibil să aveți o varietate de formate de fișiere, dar poate că clientul dvs. necesită PNG-uri. Puteți copia orice imagine ca PNG, indiferent de formatul de origine.
Selectați imaginea aleasă și apăsați Cmd + Schimb + C pe Mac și Ctrl + Schimb + C pe Windows pentru a-l copia ca PNG. Puteți utiliza cu ușurință această comandă rapidă pentru a asigura un format de imagine la standard înalt, mai ales dacă sunteți realizarea de prezentări cu Figma.
10. Picătură în ochi o culoare de oriunde
Punerea în ochi a unei culori este o caracteristică utilă atunci când luați o culoare dintr-o parte a designului dvs. în alta. Această comandă rapidă de la tastatură vă permite să ridicați pipeta într-o secundă și să urmăriți o culoare de oriunde pe tabloul de desen.
Pe Mac, apăsați Ctrl + C, iar pe Windows este cheia cu litere eu. După ce ați apăsat comenzile rapide de la tastatură, mutați ținta pipeta peste culoarea pe care doriți să o utilizați și faceți clic o dată pentru a vedea culoarea.
11. Deschideți fila Resurse
Fila Resurse găzduiește meniurile Componente, Pluginuri și Widgeturi. Deși nu există comenzi rapide pentru a deschide aceste meniuri individual, comanda rapidă Resurse economisește în continuare ceva timp: Schimb + eu. Puteți utilizați pluginuri pentru a crea și adăuga machete la modelele dvs. Figma.
Economisiți timp cu comenzile rapide Figma
Designerii folosesc de obicei comenzi rapide în munca lor pentru a economisi timp și energie, iar lucrul în Figma nu este diferit. Aceste comenzi rapide Figma doar zgârie suprafața comenzilor rapide pe care le puteți utiliza în program.
Aceste comenzi rapide nu sunt evidente sau ușor de găsit, așa că duceți-vă noile învățăminte la Figma și bucurați-vă de informațiile pe care mulți designeri au nevoie de luni sau ani pentru a le descoperi.
