Figma è una delle app di design più popolari per la modifica della grafica. Il fatto che sia gratuito e che possa essere utilizzato in molti modi diversi sono due delle cose per cui la gente lo conosce. Analizziamo le funzionalità più importanti di Figma e ti mostriamo alcune delle migliori scorciatoie Figma che ti aiuteranno a usarlo in modo più efficace.
Sommario
Figma è un editor di grafica vettoriale e uno strumento di prototipo che viene eseguito nel cloud ed è impostato per progettare interfacce insieme e da lontano. Il software dell’interfaccia utente ha tutto il necessario per ogni fase di un progetto di design, inclusa la possibilità di generare codice che può essere esportato. Abbiamo creato un elenco di scorciatoie per Figma che semplificheranno il tuo lavoro.
Le migliori scorciatoie Figma
Capacità di zoom master
Non puoi usare Figma o qualsiasi altro altri software per la progettazione di UI/UX senza sapere come utilizzare le scorciatoie da tastiera di Zoom. Queste sono le scorciatoie da tastiera che utilizzerai più spesso mentre lavori. Shift + 1 può essere utilizzato sia su Windows che su Mac per adattare i livelli allo schermo. Maiusc + 2 mi consente di ingrandire il fotogramma selezionato, che è la scorciatoia da tastiera più utilizzata perché mi consente di vedere rapidamente i dettagli della parte selezionata. Maiusc + 0 mi consente di ingrandire completamente.
Copia il fotogramma come immagine PNG, senza esportarlo
Con questa scorciatoia, puoi copiare un singolo fotogramma come immagine PNG e incollarlo ovunque all’interno o all’esterno di Figma. Non è necessario esportare un frame per utilizzarlo in un mockup, una presentazione, un’e-mail o altra documentazione di progettazione. Quindi, non avrai molte cose nel tuo spazio di archiviazione. Per copiare come PNG, scegli qualsiasi elemento (cornice, immagine o gruppo) e premi”Maiusc”+”Comando”+”C”su Mac o”Maiusc”+”Ctrl”+”C”su Windows.
Seleziona lo strumento Cornice
Quando crei più schede cornice per i progetti di prototipi in Figma, viene spesso utilizzato lo strumento Cornice. Quando premi F sulla tastiera, lo strumento si apre immediatamente, quindi puoi disegnare o modificare rapidamente le dimensioni della cornice. Puoi disegnare la cornice facendo clic e trascinando il cursore, oppure puoi scegliere lo strumento Cornice e digitare le dimensioni desiderate nelle caselle sul lato destro del menu della cornice.
Mostra/nascondi righelli e mostra/nascondi le griglie di layout
Di solito non uso i righelli in Figma, ma se vuoi usarli durante la progettazione di un’interfaccia utente, puoi usare la scorciatoia da tastiera Maiusc + R su un PC o Mac per mostrare o nascondere i righelli. Uso sempre le griglie di layout. Ti consente di disporre le diverse parti, icone e testo in modo che siano tutte alla stessa distanza l’una dall’altra. Per mostrare o nascondere le griglie di layout su un Mac, premi Control + G sulla tastiera.
Possibilità di ignorare il layout automatico
Il layout automatico è ottimo, ma non è sempre facile aggiungere un nuovo elemento a un gruppo che utilizza il layout automatico. Prima di capirlo, abbiamo disattivato il layout automatico e inserito il nuovo elemento dove lo volevamo. Ma ora c’è un trucco: tieni premuta la barra spaziatrice. Se premi la barra spaziatrice mentre trascini un elemento, questo andrà sopra il set di layout automatico e rimarrà lì. Questo potrebbe non essere il modo migliore per risparmiare tempo, ma aiuta.
Posiziona più foto contemporaneamente
Se hai creato un layout con forme pronte per contenere le tue immagini, può essere fastidioso aggiungere ogni immagine una alla volta. Con questa scorciatoia, puoi inserire più di una foto in qualsiasi punto della tavola da disegno facendo clic sul segnaposto o in qualsiasi altro punto della tavola da disegno.
Gli utenti Mac possono aprire la finestra di dialogo per trovare le loro immagini premendo Cmd + Maiusc + K. Su Windows, puoi trovare e posizionare più foto nel tuo design Figma premendo Ctrl + Maiusc + K. Questo è un ottimo modo per risparmiare tempo in Figma se crei un modello principale.
Strumenti penna, movimento e testo
Figma ha uno strumento penna potente e flessibile. Dopo averci giocato per un po’, capirai cosa intendo. Utilizzerai molto questi tre strumenti durante il processo di progettazione. Su Windows e Mac, puoi sempre sceglierli dal menu in alto o utilizzare i tasti P, V e T per passare rispettivamente agli strumenti Penna, Sposta e Testo.
Selezione colore
Scegli un elemento a cui aggiungere colore. Per fare ciò, devi scegliere”riempi”. Usando i tasti freccia su (chiaro) e giù (scuro), puoi trovare i toni di colore chiari e scuri per l’opzione di riempimento scelta dell’elemento. Se premi il tasto Maiusc, puoi sentire la differenza di tono più velocemente.
Spostati tra livelli e componenti
Quando lavori su un progetto di design con troppi livelli e parti, questi due le scorciatoie da tastiera sono molto utili. Potrebbe essere necessario andare avanti e indietro tra di loro tutto il tempo. Per accedere al pannello dei livelli, premi Opzione + 1 su un Mac o Alt + 1 su un laptop Windows. Quindi, premi Opzione+2 su un Mac o Alt+2 su un computer Windows per accedere al menu Componenti.
Correggi l’altezza della linea in secondi
Se l’altezza della linea sembra fuori posto e non hai un valore specifico, digita”auto”nel campo dell’altezza della riga, elimina qualsiasi numero sia presente e premi invio. Si regolerà da solo per magia. Puoi evitare di digitare”auto”lasciando il campo vuoto e premendo il tasto Invio sulla tastiera. È ancora più veloce!
Domande frequenti
Quali sono alcune scorciatoie da tastiera divertenti?
Attiva Contrasto elevato. Maiusc + Alt + Stampa Passa da una finestra aperta all’altra. Alt + Tab Rivedi finestre aperte e chiuse. Windows + Tab Elimina un file senza conferma. Maiusc + Canc Chiudi Windows. Windows + X, U, I/U/R/H/S
Puoi controllare F in Figma?
Trova e sostituisci ora sono integrati in Figma. Basta premere Ctrl+F! Quando sei su”Trova”, premi Invio per passare al risultato successivo.
Cosa fa Ctrl J?
Ctrl+J adatta il testo o la linea che hai scelto allo schermo. Ctrl+K aggiungerà un collegamento. Ctrl+L posiziona la riga o il testo che hai scelto a sinistra dello schermo.
Che cos’è F1 f2 f3 F4 f5 f6 f7 f8 f9 f10 f11 F12?
F1 –I tasti F12 sulla tastiera di un computer sono chiamati tasti funzione o tasti F. Ciascuno di questi tasti ha una funzione speciale impostata dal sistema operativo o dal programma attualmente in esecuzione. Puoi usarli con il tasto Alt o il tasto Ctrl.