Figma sta rapidamente diventando lo strumento di progettazione e prototipazione del settore web di scelta, forse ancor più di Adobe XD e Sketch. Questo è il primo di una serie di tredici post, ognuno dei quali contiene una piccola raccolta di suggerimenti e trucchi di Figma per aiutarti a imparare qualcosa di specifico. Iniziamo quindi con alcuni suggerimenti per velocizzare il lavoro con il pannello dei livelli.
In molte applicazioni di progettazione, eliminando i sottolivelli (o livelli secondari) il livello principale principale rimarrà intatto. In Figma, tuttavia, selezionando e cancellando tutti i livelli figli viene eliminato anche il genitore, il che aiuta a mantenere le cose belle e ordinate.
Selezione ed eliminazione di livelli figlioPuoi sbloccare o mostrare tutti gli oggetti contemporaneamente digitando CMD + / o CTRL + / (dipende dalla tua piattaforma). Inserire (ad esempio) "sbloccare" nella casella che si apre e selezionare il comando che si desidera eseguire.
Sblocca oggettiQuando si rinomina gli strati è possibile colpire TAB saltare rapidamente al prossimo. colpire MAIUSC + TAB ti riporterà in cima all'elenco, cambiando il nome mentre vai.
Ridenominazione rapida dei livelliPer espandere più livelli contemporaneamente, inizia selezionando i livelli desiderati nel pannello dei livelli a sinistra. Tieni premuto CMD o CTRL a seconda della piattaforma, quindi colpisci una delle piccole frecce di espansione che vedi a sinistra dei nomi dei livelli. Questo aprirà assolutamente tutto all'interno di tutti quei livelli scelti.
Per comprimere di nuovo tutto, è lo stesso processo al contrario.
Espansione di più livelli in FigmaPer bloccare rapidamente un intero gruppo di livelli in Figma, fai semplicemente clic sull'icona di un livello "blocca" e trascina verso il basso finché non hai bloccato tutto ciò di cui hai bisogno (lo stesso vale al contrario per sbloccare i livelli). Per nascondere o rivelare i livelli è possibile utilizzare lo stesso approccio, ma facendo clic e trascinando su un'icona "occhio".
Blocca rapidamente più livelli in FigmaScopri come utilizzare Figma come un professionista con la nostra serie di corsi:
Il kit UI utilizzato in questo tutorial è completamente compatibile con Figma e disponibile da Envato Elements:
Kit di interfaccia utente di modelli di app per dispositivi mobili