Come creare una presentazione in Figma Slides

Esempi di diapositive già pronte in Figma Slides: Colori, caratteri, testo, foto e qualsiasi altro elemento possono essere facilmente personalizzati per soddisfare le vostre esigenze.

Figma Slides è un componente aggiuntivo di Figma che rende estremamente semplice la creazione di presentazioni online. È possibile lavorare in due modalità: Standard o Designer.

In questa guida, ci concentreremo sulla modalità Standard di base, che comprende il lavoro con:

• Testo
• Immagini
• Forme
• Elementi interattivi
• Risorse extra

La modalità Designer offre l'intero kit di strumenti di Figma: Layout automatico, componenti, sfocature e altri effetti, ecc.

Se non avete mai lavorato in Figma prima d'ora, è meglio che vi limitiate alla modalità Standard. È più semplice, più veloce e ha tutto ciò che serve per creare una presentazione solida.

Aprite Figma e premete il pulsante per creare una nuova presentazione in Figma Slides.

Da qui si può partire da una tela vuota o scegliere uno dei modelli integrati. Tratteremo i modelli già pronti in seguito, ma per ora. Procediamo con una diapositiva completamente vuota.

Successivamente, si vedrà l'area di lavoro di Figma Slides. Nel complesso, assomiglia alla normale interfaccia di Figma:
Pannello di sinistra: Impostazioni della presentazione: titolo, anteprime di tutte le diapositive e un pulsante per aggiungerne di nuove.
Barra degli strumenti inferiore: Strumenti standard: modalità di interazione, testo, immagini, video, forme, elementi interattivi, commenti, plugin, libreria delle risorse e la levetta per la modalità Designer.
Pannello destro: Impostazioni per la diapositiva attualmente selezionata.

È possibile creare il layout della diapositiva da zero o utilizzare uno dei layout preimpostati dal menu a discesa.

La progettazione di una presentazione inizia solitamente con la diapositiva del titolo. Iniziate modificando il titolo predefinito della diapositiva e vedete come funzionano le impostazioni del testo.

Un buon titolo deve essere grande e ben visibile. Lo stile predefinito di Figma per i titoli è Titolo, ma è possibile cambiarlo in qualsiasi momento.

Provate a modificare il titolo, ad esempio aumentando la dimensione del carattere, riducendo l'interlinea e aumentando la spaziatura delle lettere.

Una volta modificato il titolo, accanto al nome dello stile "Titolo" appariranno una nota e un pulsante. Ciò significa che è possibile salvare la formattazione personalizzata insieme agli stili predefiniti di Figma. Certo, è possibile eliminare gli stili predefiniti e crearne di propri, ma di solito è più veloce modificare uno stile esistente.

Gli stili in Figma funzionano in modo simile a quelli di Google Slides: È possibile applicare uno stile predefinito a qualsiasi testo e modificarlo successivamente. Ad esempio, tutti i titoli delle diapositive utilizzano lo stile "Intestazione 2". Se si modificano le impostazioni, le modifiche si applicano automaticamente a tutti i titoli.

Ora, il nostro compito è quello di personalizzare lo stile "Titolo".

Per il sottotitolo sotto l'intestazione principale, viene applicato per impostazione predefinita lo stile "Corpo 1". Modificare le impostazioni dello stile e digitare il proprio testo.

Una volta impostata la tipografia, si potrebbe voler dare alla presentazione un aspetto più elegante. Rendiamo lo sfondo della diapositiva nero e il testo bianco.

È anche possibile utilizzare un riempimento sfumato o impostare un'immagine di sfondo. Provate diverse opzioni e scegliete quella che vi piace di più.

Le forme possono essere puramente decorative, contribuire a enfatizzare i contenuti o essere parte dell'identità del marchio. Aggiungiamone alcune e vediamo cosa possiamo fare. Iniziate con una forma a diamante.

Riempite il diamante con il colore di accento del vostro marchio. Aggiungete poi un cerchio in un angolo, un altro elemento della vostra guida di stile.

In questo modo si ottiene una diapositiva del titolo pulita ma elegante, con un titolo, una breve descrizione e gli elementi di design del marchio.

L'aggiunta di immagini funziona come in Figma normale. Ad esempio, si può inserire un motivo astratto sullo sfondo, allungarlo fino a riempire la diapositiva e abbassare l'opacità in modo da far trasparire lo sfondo nero. In questo modo l'immagine appare più scura e si fonde con il tema generale.

Anche le impostazioni dell'immagine sono identiche a quelle di Figma:

Se avete bisogno di diverse immagini su una diapositiva, potete disporle manualmente o utilizzare un modello.

Le diapositive possono includere funzioni interattive. Per esempio, se volete porre una domanda e rispondere in diretta durante la presentazione, aprite la scheda "Interazione in diretta" dal menu in basso.

In questa sezione è possibile selezionare:

• Sondaggio (per consentire al pubblico di votare in tempo reale)
• Timbri (consentono agli spettatori di contrassegnare l'avvenuta visione di una diapositiva)
• Allineamento (una scala di valutazione per mostrare i risultati dei sondaggi)
• Prototipo (incorporare qualsiasi prototipo interattivo già creato in Figma)

Aggiungere un sondaggio alla diapositiva e modificarlo in nero per adattarlo al tema scuro. Quindi sostituire il testo segnaposto.

Passare alla modalità "Prototipo" e votare un'opzione per vedere come funziona.

Ora avete aggiunto l'interattività utilizzando gli strumenti integrati di Figma Slides. Passiamo ora alla creazione di una diapositiva per la parte principale della presentazione.

Ora che sapete come aggiungere testo e forme, sperimentate l'aggiunta di altri elementi alla vostra diapositiva.

Selezionare tutti gli elementi della diapositiva e aprire la scheda "Azioni". Qui troverete i plugin e gli altri strumenti disponibili. L'elenco si aggiorna con suggerimenti, di solito evidenziando quelli che meglio si adattano alla selezione corrente.

Provare ad aggiungere un'immagine tramite un plugin.

Dalla sezione delle foto stock, scegliete un'immagine che si adatti al tema della presentazione e inseritela nella diapositiva.

Se siete preoccupati di dimenticare punti importanti, le note della diapositiva sono le vostre migliori amiche. Il campo delle note si trova sotto la diapositiva: aggiungete tutto ciò che volete ricordare, quindi aprite la presentazione in modalità "Presentazione".

In modalità "Prototipo", ci sono due modi per presentare le diapositive:

• Presente: Il pubblico non vedrà i vostri appunti
• Presenta + note: Le note saranno visibili durante la presentazione

Figma Slides ha una scheda "Assets" con due sezioni principali:

• Altri strumenti: Tabella, blocco di codice e numero di diapositiva
• Librerie: Grafici, icone o libreria personalizzata

Creare una quarta diapositiva e aggiungervi un numero di diapositiva.

Aggiungete un'intestazione per la diapositiva usando lo stile "Intestazione 1", quindi inserite un elemento dalla libreria delle risorse.

Ora avete costruito quattro semplici diapositive di base che potrebbero lasciarvi a bocca aperta: "Dove sono tutti gli effetti più belli come in PowerPoint, con testo e immagini che volano dentro?".

È possibile animare singoli elementi o intere diapositive. Questo vi aiuta a richiamare l'attenzione sui punti chiave o a coinvolgere nuovamente il vostro pubblico quando la sua attenzione inizia a distrarsi.

Le impostazioni dell'animazione si trovano nella scheda "Animazione". Qui è possibile:

• Impostare una transizione di diapositive (come una diapositiva passa alla successiva)
• Aggiungere animazioni di oggetti (animazioni per elementi specifici)

Torniamo alla prima diapositiva e proviamo a impostare una transizione. Scegliete Animazione intelligente ed esplorate le opzioni:

• Stile (il tipo di animazione)
• Curva (come il movimento accelera o rallenta)
• Durata (quanto dura l'animazione)
• Tempistica (se viene eseguito automaticamente con un ritardo o su clic)

Lasciate le impostazioni predefinite, passate alla modalità "Presentazione" e vedetelo in azione.

Per animare l'aspetto di una forma, selezionare l'oggetto e aggiungervi un'animazione.

Per visualizzare l'anteprima, accedere alla modalità "Presentazione" e fare clic su un punto qualsiasi dello schermo.

Avete esplorato lo strumento e ora potete dare un'occhiata ai modelli disponibili e agli scopi per cui sono più adatti.

I modelli consentono di risparmiare tempo fornendo diapositive pronte all'uso che possono essere modificate in base alle proprie esigenze. Ecco perché abbiamo esplorato prima le Figma Slides, in modo che possiate personalizzare con sicurezza i modelli senza preoccuparvi di "romperli".

Presentazione del portafoglio. Perfetto per presentare voi stessi e il vostro lavoro. Inviare una presentazione del portfolio a un potenziale datore di lavoro può aiutarvi a distinguervi.

Un modello di portfolio consente di:

• Evidenziate le vostre competenze
• Mostra le metriche delle prestazioni
• Presentare casi di studio
• Mostrate il vostro lavoro in mockup
• Condividere la storia della propria carriera

Presentazione del prodotto. Ideale per presentare un nuovo prodotto o servizio. Ad esempio, quando si è completato un progetto, si sono raccolte le metriche e si sono preparate le immagini per la presentazione a un cliente.

Un modello di prodotto consente di:

• Evidenziare le metriche chiave
• Presentare i principi del prodotto
• Una citazione d'impatto
• Mostrare l'interfaccia del prodotto su tutti i dispositivi
• Condividere i risultati di ricerche o sondaggi

Presentazione dei risultati di una ricerca. Ideale per presentare i risultati, le intuizioni e le statistiche analizzate raccolte da un progetto di ricerca o da un sondaggio. Invece di inviare un semplice documento di testo, l'uso di diapositive eleganti e ben strutturate rende i dati molto più d'impatto.

Un modello per i risultati della ricerca consente di:

• Introdurre le caratteristiche studiate
• Mostrare un'analisi comparativa
• Evidenziare le funzionalità più importanti

Presentazione della strategia di marketing. Ideale per mostrare piani di ampio respiro in modo raffinato. Ad esempio, presentando ricerche di mercato o sui concorrenti, un piano di contenuti e obiettivi aziendali a lungo termine.

Un modello di strategia di marketing consente di:

• Mostrare i numeri target da raggiungere
• Presentare i risultati della ricerca sui segmenti di pubblico
• Definire il profilo del cliente ideale
• Condividere i risultati dell'indagine

I modelli sono comodi e belli, ma come usarli nella vita reale?

Prendiamo come esempio una diapositiva dal modello dei risultati della ricerca.

Ecco una semplice personalizzazione:

• Aggiungete il nome della vostra squadra e la data attuale negli angoli in basso.
• Aggiungete una breve descrizione sul lato sinistro, insieme a un link ai risultati dettagliati.

Successivamente, inserire ulteriori dettagli:

• Aggiungere il valore percentuale pertinente
• Aggiungete una breve etichetta per spiegare cosa rappresenta il numero.

Ora sperimentiamo gli accenti di dimensione sulla diapositiva:

È così che si sostituisce il contenuto predefinito con il proprio, ma si può andare oltre, personalizzando colori, caratteri, layout, ecc. Per farlo, si può passare alla modalità "Designer", ma è necessario avere una conoscenza più approfondita di Figma.

Se non si vuole usare Figma per creare presentazioni, ci sono opzioni alternative. Su Tilda, è possibile trasformare qualsiasi pagina in una presentazione online aggiungendo uno speciale blocco-T203 dalla categoria Altro. Questa funzione adatta la pagina alla visualizzazione a schermo intero, consentendo di fare clic su ogni schermata come se fosse una diapositiva. In questo modo è possibile gestire tutto in un unico posto, eliminando la necessità di esportare file o di passare da uno strumento all'altro.