Come creare un grafico a torta in Figma

Vuoi visualizzare i dati in Figma? Scopri come creare un grafico a torta usando forme, angoli e plugin. Una guida semplice per realizzare visualizzazioni pulite e basate sui dati.

Crea video e documentazione di prodotto straordinari con l’IA

Questo tutorial è stato creato con Trupeer in meno di 5 minuti

Crea gratuitamente

Ecco una panoramica più dettagliata:

1. Crea un'ellisse: seleziona lo strumento ellisse e disegna un cerchio. Puoi tenere premuto Shift mentre trascini per assicurarti che sia un cerchio perfetto. 
2. Accedi alle opzioni dell'arco: passa il mouse sopra il cerchio e vedrai apparire un punto. Fai clic e trascina questo punto per visualizzare i controlli dell'arco. 
3. Regola Sweep e Start: i controlli dell'arco ti consentono di regolare lo "sweep" (dimensione della fetta) e lo "start" (angolo iniziale) dell'arco. 
4. Crea fette: duplica l'arco iniziale (fetta) per creare altre fette per il tuo grafico a torta. Regola gli angoli sweep e start per ogni duplicato per ottenere le proporzioni desiderate. 
5. Colora le fette: riempi ogni fetta con un colore distinto per differenziarle. Puoi anche aggiungere etichette a ogni fetta usando lo strumento testo. 
6. Disponi e rifinisci: disponi le fette e le etichette secondo necessità. Puoi raggruppare gli elementi per mantenere il grafico ordinato. 

Guida passo passo: come creare un grafico a torta in Figma

Passo 1

Fai clic sulla sezione 'Actions'.

Click on the 'Actions' section.

Passo 2

Quando appare l'opzione del grafico a torta, fai semplicemente clic su di essa per selezionarla.

When the pie chart option appears, simply click on it to select.

Passo 3

Il grafico a torta apparirà ora sullo schermo. Inoltre, noterai l'opzione 'Edit'; fai clic su questa per procedere.

The pie chart will now appear on your screen. Additionally, you will notice an 'Edit' option; click on this to proceed.

Passo 4

In questo passaggio, personalizza il grafico a torta in base alle tue esigenze specifiche. Inserisci le etichette desiderate e, una volta completato,

In this step, customize the pie chart to meet your specific needs. Enter any desired labels and, once complete,

Passo 5

Tocca in ցանկացած punto dello schermo per uscire dalla modalità di modifica.

Tap anywhere on the screen to exit editing mode.

Passo 6

Le tue modifiche verranno applicate al grafico a torta.

Your changes will be applied to the pie chart.

Suggerimenti professionali per creare un grafico a torta in Figma

  1. Usa lo strumento Ellisse per disegnare la base
    Seleziona lo strumento Ellisse (O), quindi fai clic e trascina sulla canvas tenendo premuto Shift per disegnare un cerchio perfetto. Questo servirà come base completa del tuo grafico a torta.

  2. Converti il cerchio in un arco
    Con il cerchio selezionato, vai nel pannello delle proprietà e regola le impostazioni di "Arco". Attivalo modificando gli angoli "Inizio" e "Fine" per creare l'effetto di una fetta.

  3. Duplica per più segmenti
    Per creare più fette, duplica il cerchio (Ctrl/Cmd + D), quindi regola gli angoli dell'arco per ciascuna per rappresentare diversi valori dei dati. Usa colori diversi per ogni fetta.

  4. Usa la matematica per suddividere il grafico
    Se i tuoi dati sono in percentuale, moltiplica 360 (gradi in un cerchio) per la percentuale per ottenere l'angolo di ciascuna fetta. Ad esempio, 25% = 90°.

  5. Codifica con colori per maggiore chiarezza
    Usa lo strumento Riempimento per assegnare colori distinti a ogni fetta. Ciò migliora la leggibilità e l'aspetto visivo.

Errori comuni e come evitarli

  1. Archi non allineati correttamente
    Assicurati che ogni fetta ad arco inizi dove termina la precedente per evitare spazi vuoti o sovrapposizioni. Inserisci manualmente gli angoli di inizio e fine per maggiore precisione.

  2. Perdere traccia degli angoli
    Etichetta i tuoi livelli con i gradi delle fette o con le etichette dei dati, così saprai quale segmento rappresenta cosa.

  3. Etichette di testo disallineate
    Usa le Guide intelligenti oppure centra manualmente il testo sopra ogni fetta per mantenere un aspetto pulito e professionale.

  4. Fette che si coprono a vicenda
    Presta attenzione all'ordine dei livelli quando aggiungi le fette. Porta le fette in primo piano o in secondo piano secondo necessità per evitare di nascondere altre parti.

  5. Proporzioni inaccurate
    Ricontrolla i calcoli quando converti le percentuali in angoli per garantire una rappresentazione accurata dei dati.

Domande frequenti sui grafici a torta in Figma

  1. Posso creare un grafico a torta in Figma senza plugin?
    Sì, puoi utilizzare lo strumento Ellisse e le impostazioni Arco per creare manualmente grafici a torta senza alcun plugin.

  2. Esiste un plugin per creare grafici a torta in Figma?
    Sì, sono disponibili plugin come "Chart" o "Pie Chart Maker" per automatizzare il processo utilizzando l'inserimento di dati.

  3. Come faccio a creare uno spicchio esattamente del 25%?
    Moltiplica 360 per 0,25 (25%), ottenendo 90 gradi. Imposta l'angolo dell'arco su un'ampiezza di 90° per ottenere uno spicchio perfetto del 25%.

  4. Posso animare i grafici a torta in Figma?
    Sebbene Figma supporti semplici animazioni nei prototipi, le animazioni complesse basate sui dati dovrebbero essere create all'esterno di Figma.

  5. Posso esportare i grafici a torta da Figma?
    Sì, seleziona il grafico a torta, vai al pannello di esportazione, scegli il formato che preferisci (PNG, SVG, PDF) e fai clic su Esporta.

  6. Come registrare lo schermo su Mac? 
    Per registrare lo schermo su un Mac, puoi utilizzare Trupeer AI. Ti consente di catturare l'intero schermo e offre funzionalità di intelligenza artificiale come l'aggiunta di avatar AI, voiceover, zoom avanti e indietro nel video. Con la funzione di traduzione video AI di Trupeer, puoi tradurre il video in oltre 30 lingue. 

  7. Come aggiungere un avatar AI a una registrazione dello schermo?
    Per aggiungere un avatar AI a una registrazione dello schermo, dovrai utilizzare uno strumento di registrazione dello schermo basato su AI. Trupeer AI è uno strumento di registrazione dello schermo AI che ti aiuta a creare video con più avatar e ti supporta anche nella creazione del tuo avatar personale per il video.

  8. Come registrare lo schermo su Windows?
    Per registrare lo schermo su Windows, puoi utilizzare la Game Bar integrata (Windows + G) o uno strumento AI avanzato come Trupeer AI per funzionalità più sofisticate come avatar AI, voiceover, traduzione, ecc.

  9. Come aggiungere un voiceover a un video?
    Per aggiungere un voiceover ai video, scarica l'estensione Chrome di Trupeer AI. Una volta registrato, carica il tuo video con la voce, scegli il voiceover desiderato da Trupeer ed esporta il tuo video modificato. 

  10. Come faccio a fare lo zoom su una registrazione dello schermo?
    Per ingrandire durante una registrazione dello schermo, usa gli effetti di zoom in Trupeer AI che ti consentono di fare zoom avanti e indietro in momenti specifici, migliorando l'impatto visivo dei tuoi contenuti video.

Letture consigliate

Generatore di documentazione tecnica

Guida al manuale utente

Software per knowledge base

Come nascondere i nomi dei frame in Figma

Come salvare un file Figma

Come creare una griglia in Figma

Come creare una griglia in Figma

Come sfocare lo sfondo in Figma

Come fare una copia di un file Figma

Come utilizzare lo strumento Sezione (Slice Tool) in Figma

Come ritagliare un'immagine in Figma

Hai bisogno di un video editor, di un traduttore e di uno sceneggiatore?

Prova Trupeer gratuitamente

Prenota una demo

Hai bisogno di un video editor, di un traduttore e di uno sceneggiatore?

Prova Trupeer gratuitamente

Prenota una demo

Hai bisogno di un video editor, di un traduttore e di uno sceneggiatore?

Prova Trupeer gratuitamente

Prenota una demo

Questa intera pagina, dal video alla guida passo-passo, è stata creata con Trupeer AI in pochi minuti.

Questa intera guida, dal video ai passaggi e agli screenshot, è stata creata con Trupeer AI in pochi minuti anziché in ore.

Questa intera pagina, dal video alla guida passo-passo, è stata creata con Trupeer AI in pochi minuti.