Come creare modelli master per presentazioni in Figma

Se stai creando una presentazione stilizzata, ma non vuoi utilizzare modelli abusati da PowerPoint, Presentazioni Google o Canva, puoi creare i tuoi modelli principali per il tuo futuro disegni di presentazione.

Questa è un'ottima opzione per coloro che desiderano design di presentazione a tema o che devono seguire una guida di stile del marchio. Continua a leggere per scoprire come utilizzare Figma per creare modelli master per le tue presentazioni.

1. Come impostare un documento Figma per le presentazioni

Registrati per un account gratuito su Figma.com, o se hai già un account, effettua il login. Puoi usare Figma direttamente nel tuo browser, oppure puoi scarica l'app desktop.

Aprire un Nuovo file di progettazione, quindi fare clic Senza titolo in alto per rinominare il file, ad esempio "Modello principale presentazione". A sinistra, fare clic Pagina 1, poi il segno più per aggiungere una nuova pagina. Rinomina la nuova pagina in "Modello". Ciò ti consente di mantenere le diapositive master separate dalle diapositive di progettazione in un secondo momento.

Per creare una cornice, il nome di Figma per una tavola da disegno o una tela, usa il Strumento Cornice (F), quindi fare clic in un punto qualsiasi per aprire una cornice. Nelle impostazioni di destra, cambia il w e H attributi a una dimensione di presentazione adeguata; stiamo usando 1920 x 1080, che è la dimensione dello schermo standard. Questo sarà il tuo primo modello master.

Fare doppio clic sul titolo blu nella parte superiore del riquadro per rinominarlo. Pensa al layout di pagina che stai pianificando e assegnagli un nome di conseguenza, ad esempio "Titolo in alto a due colonne" o "Immagine in alto a destra del titolo" sarebbe utile.

2. Progetta i layout di presentazione

Per aiutare con la progettazione del layout, puoi utilizzare la griglia del layout. Per attivarlo, seleziona la cornice, quindi sulla barra degli strumenti di destra, fai clic su segno più accanto a Griglia di layout. Questo apre una griglia rossa traslucida sopra il tuo disegno.

Per creare colonne, con cui è più facile progettare, fare clic su icona della griglia a punti quadrati in Griglia di layout, quindi fare clic su Griglia nel menu a tendina e scegli Colonne. Imposta il conteggio su 12, che è tipico per il design dello schermo. La griglia non salva sul tuo progetto finale. Puoi accenderlo o spegnerlo temporaneamente usando il icona dell'occhio o rimuoverlo definitivamente facendo clic su icona meno accanto all'occhio.

Indipendentemente dal fatto che utilizzi o meno la griglia di layout, puoi iniziare ad aggiungere componenti segnaposto di base al tuo primo layout di diapositiva. Nel complesso, il layout delle tue diapositive dipende da te.

3. Crea un layout di testo a due colonne

Iniziamo con la progettazione di un titolo principale con una diapositiva di testo del corpo a due colonne. Per aggiungere il segnaposto del titolo, usa il Strumento di testo (T), e digitare "Segnaposto del titolo". La dimensione del testo predefinita in Figma è piuttosto piccola, quindi con il segnaposto digitato, evidenzialo e usa le impostazioni di destra per aumentare le dimensioni e scegliere un carattere:scaricare un font se necessario. Puoi anche impostare la crenatura e altri attributi.

Per adattarsi alla larghezza della diapositiva, aumenta la larghezza della casella di testo del titolo facendo clic e trascinando l'angolo a destra. Lascia un margine su ciascun lato. Ciò significa che la casella di testo conterrà titoli di lunghezze diverse nelle presentazioni future.

Per aggiungere un'area di testo del corpo a due colonne, utilizzare il Strumento di testo (T) e trascina la casella di testo in base alla griglia di layout, lasciando spazio sufficiente per una seconda colonna della stessa dimensione accanto ad essa.

Con la tua casella di testo in posizione, scegli un carattere e una dimensione adatti. Seleziona la casella di testo e duplicala tenendo premuto opzione (Mac) o Alt (Windows) durante il trascinamento della casella. Questo crea un layout a due colonne; tuttavia, è possibile utilizzare questo sistema per progettare altri tipi di layout.

4. Aggiungi un colore di sfondo o un'immagine

È possibile impostare un colore di sfondo selezionando la cornice e andando su Riempire nel menu di destra per scegliere un colore. Ma se preferisci usare un'immagine, o un insieme di immagini, come sfondo, puoi farlo. Basta trascinare l'immagine di sfondo da una cartella sulla cornice. Puoi ridimensionarlo subito trascinando gli angoli per adattarli alla cornice.

Se si utilizza un immagine come sfondo, assicurati di disporre l'immagine in fondo o in fondo ai livelli per ciascuna diapositiva facendo clic con il pulsante destro del mouse e scegliendo Mandare indietroo trascinandolo in basso nella tavolozza dei livelli a sinistra.

Per modificare ulteriormente l'immagine, sotto Riempire, fare clic Immagine nel menu a discesa. Sarai in grado di modificare la modalità di fusione, il fattore di ritaglio e altri aspetti. Per modificare l'opacità, cambia la percentuale accanto al menu a discesa.

Per una singola immagine che non è uno sfondo, usa il Strumento Cornice (F) per disegnare una cornice nel punto in cui si desidera posizionare l'immagine e trascinare il file dal computer nella cornice. Quindi puoi utilizzare le stesse impostazioni di prima.

5. Come creare stili di testo in Figma

Quando crei un modello principale, gli stili di testo dovrebbero essere coerenti in tutte le diapositive. Questo può essere fatto manualmente impostando ogni componente di testo in modo che sia lo stesso, ma se hai molte diapositive, questo può essere noioso da fare. Le buone notizie? Puoi automatizzare i tuoi stili di testo in Figma.

Con il testo scelto selezionato, ad esempio un sottotitolo con lo stile, il carattere e le dimensioni preferiti, fare clic su quadrato di quattro punti accanto a Testo nel menu a destra. Clicca il segno più per impostare un nuovo stile.

Nel popup, assegna un nome allo stile, ad esempio "Titolo della diapositiva o corpo del testo". Quando si progettano altre diapositive in questo modello, è possibile selezionare lo stile elencato nel menu di testo selezionando il testo e scegliendo lo stile. Per scollegare lo stile e sovrascrivere la funzione, fare clic su icona del collegamento interrotto che appare quando si passa il mouse sopra il titolo dello stile del testo.

Funziona in modo simile per i colori. Seleziona qualcosa con il colore che desideri, quindi fai clic sul pulsante del menu Figma e Azioni rapide. Digita "Seleziona tutto con lo stesso riempimento" e selezionerà tutto dello stesso colore. Quindi puoi impostarlo come stile colore sotto il Riempire menu nello stesso modo in cui si crea uno stile di testo. Funziona bene per i colori di sfondo semplicemente selezionando la cornice e scegliendo il colore.

Se non stai già seguendo una guida di stile, ce ne sono molte modi per generare tavolozze di colori.

6. Crea componenti

Per poter utilizzare i tuoi modelli in un secondo momento, devono essere componenti, quindi si collegano. Per trasformare la cornice in un componente, selezionare la cornice corrente e fare clic cmd + Opzione + K (Mac) o Ctrl + Alt + K (Finestre).

Il titolo della cornice passerà da blu a viola con un'icona a forma di diamante per mostrare che ora è un componente. Quindi, per duplicare la cornice, fare clic su cmd + D (Mac) o Ctrl + D (Windows) una volta e trascinare il nuovo fotogramma a destra del primo.

Stacca il componente del duplicato dall'originale facendo clic con il pulsante destro del mouse sul titolo della nuova cornice e scegliendo Stacca istanza. Rinomina la nuova diapositiva con un titolo appropriato per il suo layout. Aggiungi il nuovo design alla diapositiva e quindi rendilo un proprio componente facendo clic cmd + Opzione + K (Mac) o Ctrl + Alt + K (Finestre). Questo processo deve essere eseguito ogni volta che crei una nuova diapositiva.

Quando progetti il ​​layout per ogni nuova diapositiva, usa il testo e gli stili di colore già pronti per risparmiare tempo. Completa questo processo con tutte le diapositive di base di cui hai bisogno, assicurandoti che siano tutte intitolate con nomi descrittivi.

7. Come utilizzare le diapositive master

Per utilizzare le diapositive per i tuoi progetti futuri, scegli Pagina 1 nel Pagine menu, con il tuo modello sotto il proprio titolo, e crea una nuova cornice delle dimensioni di una presentazione. Quindi, a sinistra, fare clic Risorse > Componenti locali dove dovrebbero essere le diapositive del modello. Trascina le diapositive del modello sulla nuova cornice e centrala. Modifica i segnaposto per i tuoi contenuti.

Segui la stessa procedura fino al completamento della presentazione.

Risparmia tempo creando i tuoi modelli master in Figma

Puoi fornire il tuo modello principale a compagni di squadra o colleghi, conservarlo per uso personale o persino venderlo come pacchetti di progettazione. Sebbene inizialmente possa sembrare scoraggiante creare un modello di schema diapositiva, aiuterà la produttività quando realizzerai presentazioni future in Figma, risparmiando infine tempo.

Le 10 migliori funzionalità di Figma che tutti i designer dovrebbero utilizzare

Leggi Avanti

Circa l'autore