11 utili scorciatoie Figma per un flusso di lavoro più veloce

Figma è uno strumento di progettazione potente ed è la prima scelta della maggior parte dei progettisti di UX/UI come programma di progettazione. Puoi creare così tanto all’interno di Figma ed è un programma facile da imparare.

Come designer, cerchiamo spesso di risparmiare tempo, quindi passiamo le nostre ore preziose creando un buon lavoro piuttosto che sfogliare i menu. Abbiamo compilato un elenco di utili scorciatoie Figma che semplificheranno il tuo flusso di lavoro.

1. Selezionare lo strumento Scala

Questa semplice scorciatoia con un solo tasto è un modo rapido per ridimensionare i tuoi elementi. Premi il tasto K , quindi seleziona l’oggetto che devi ridimensionare. Tutto quello che devi fare è fare clic e trascinare un punto di ancoraggio e il tuo oggetto rimane in scala mentre si ridimensiona a qualsiasi cosa tu abbia bisogno che sia.

2. Selezionare lo strumento Cornice

Lo strumento Frame è uno strumento molto utilizzato in Figma durante la creazione di più frame board per i progetti di prototipi. Colpire F sulla tastiera fa apparire lo strumento in un solo tocco, permettendoti di disegnare o ridimensionare rapidamente la cornice.

Puoi disegnare la cornice direttamente facendo clic e trascinando il cursore oppure, una volta selezionato lo strumento Cornice, puoi digitare le dimensioni desiderate nelle caselle delle dimensioni nel menu della cornice a destra.

3. Passare dalla modalità di progettazione a quella di prototipo

La scorciatoia Maiusc + E consente di passare dalla modalità Progettazione alla modalità Prototipo. La stessa scorciatoia funziona indipendentemente dalla modalità da cui inizi e a cui passi. Consulta la nostra guida per principianti a Figma per apprendere le differenze tra queste modalità.

In alternativa, ci sono scorciatoie più specifiche per questo scopo. Alt (Windows) / Opzione (Mac) + 8 può essere utilizzato per passare dalla modalità Prototipo alla modalità Progettazione, mentre Alt (Windows) / Opzione (Mac) + 9 passa dalla modalità Progettazione alla modalità Prototipo. Ovviamente, Shift + E è più facile, ma è bello avere delle opzioni.

4. Seleziona l’elemento più interno in un clic (Deep Select)

Quando si progetta su più livelli o con immagini incorporate, può essere difficile selezionare rapidamente un elemento. Per risparmiare tempo facendo clic su quello che sembra una dozzina di volte per selezionare il livello più in basso, usa invece questa scorciatoia.

Su un Mac, tieni premuto Cmd + clic sull’elemento e su Windows, Ctrl + clic . Un semplice tasto consente di risparmiare minuti di clic insensati per selezionare un elemento di livello inferiore.

5. Sposta fuori un livello dopo aver selezionato l’elemento più interno

Dopo aver selezionato l’elemento più interno del tuo progetto, potresti renderti conto che volevi selezionare un elemento di un livello più vicino, facile. Una volta trovato l’elemento più interno, premi Maiusc + Invio per tornare indietro di un livello. Puoi farlo per tutti i livelli.

6. Comprimi tutti i livelli

Quando si progetta in Figma, il pannello dei livelli inizierà ad espandersi e potenzialmente sembrerà un po’ disordinato, specialmente quando si converte l’HTML in un design Figma. Per comprimere i tuoi livelli, premi semplicemente Alt + L (Windows) o Opzione + L (Mac).

Se hai selezionato un elemento mentre usi questa scorciatoia, il livello con quell’elemento rimarrà aperto. Seleziona un punto qualsiasi al di fuori della tavola da disegno per deselezionare tutti gli elementi e usa la scorciatoia per comprimere tutti i livelli.

7. Mostra o nascondi le griglie di layout

L’utilizzo delle griglie di layout è il modo migliore per garantire che il tuo progetto raggiunga determinate proporzioni e possa essere ridimensionato correttamente per vari dispositivi. Sebbene siano utili, non vuoi sempre che le griglie vengano visualizzate.

L’attivazione e la disattivazione delle griglie di layout è diversa su Mac rispetto a Windows. Su un Mac, premi Ctrl + G per attivarlo o disattivarlo. Se stai usando Windows, è una scorciatoia a tre tasti; Ctrl + Maiusc + 4 . Sono diversi, ma fanno la stessa cosa.

8. Posiziona più foto contemporaneamente

Se hai progettato un layout con forme segnaposto pronte per le tue immagini, può essere frustrante inserire le immagini una per una. Questa scorciatoia ti consente di posizionare più foto e selezionare semplicemente il segnaposto, o un punto qualsiasi della tavola da disegno, per posizionare ogni singola foto.

Per gli utenti Mac, premi Cmd + Maiusc + K per aprire la finestra di dialogo per trovare le tue immagini. Su Windows, è Ctrl + Maiusc + K per trovare e posizionare più foto nel tuo design Figma. Se crei un modello principale in Figma, questa è un’ottima scorciatoia da usare.

9. Copia qualsiasi immagine come PNG

Quando usi le immagini nel tuo design Figma, potresti avere un assortimento di formati di file, ma forse il tuo cliente richiede PNG. Puoi copiare qualsiasi immagine come PNG, indipendentemente dal suo formato di origine.

Seleziona l’immagine scelta e premi Cmd + Maiusc + C su Mac e Ctrl + Maiusc + C su Windows per copiarla come PNG. Puoi facilmente utilizzare questa scorciatoia per garantire un formato immagine di alto livello, soprattutto se stai creando presentazioni con Figma.

10. Eyedrop un colore da qualsiasi luogo

Il collirio di un colore è una funzione utile quando si trasferisce un colore da una parte all’altra del disegno. Questa rapida scorciatoia da tastiera ti consente di sollevare il contagocce in un secondo e di prelevare un colore da qualsiasi punto della tavola da disegno.

Su Mac, premi Ctrl + C e su Windows è il tasto lettera I . Dopo aver premuto le scorciatoie da tastiera, sposta il bersaglio del contagocce sul colore che desideri utilizzare e fai clic una volta per campionare il colore.

11. Apri la scheda Risorse

La scheda Risorse ospita i menu Componenti, Plugin e Widget. Sebbene non ci siano scorciatoie per aprire quei menu individualmente, la scorciatoia Risorse consente comunque di risparmiare tempo: Maiusc + I . Puoi utilizzare i plug-in per creare e aggiungere prototipi ai tuoi progetti Figma.

Risparmia tempo con le scorciatoie Figma

I progettisti in genere utilizzano scorciatoie nel loro lavoro per risparmiare tempo ed energia e lavorare in Figma non è diverso. Queste scorciatoie Figma graffiano solo la superficie delle scorciatoie che puoi usare nel programma.

Queste scorciatoie non sono ovvie o facili da trovare, quindi porta i tuoi nuovi apprendimenti su Figma e goditi le informazioni che molti designer impiegano mesi o anni per capire.