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'.

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

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.
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.
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.
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°.
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

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.
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.
Etichette di testo disallineate
Usa le Guide intelligenti oppure centra manualmente il testo sopra ogni fetta per mantenere un aspetto pulito e professionale.
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.
Proporzioni inaccurate
Ricontrolla i calcoli quando converti le percentuali in angoli per garantire una rappresentazione accurata dei dati.

FAQ comuni sui grafici a torta in Figma

Posso creare un grafico a torta in Figma senza plugin?
Sì, puoi usare lo Strumento Ellisse e le impostazioni dell’arco per creare manualmente grafici a torta senza alcun plugin.
Esiste un plugin per creare grafici a torta in Figma?
Sì, sono disponibili plugin come "Chart" o "Pie Chart Maker" per automatizzare il processo usando dati di input.
Come faccio a ottenere una fetta esatta del 25%?
Moltiplica 360 per 0,25 (25%), ottenendo 90 gradi. Imposta l’angolo dell’arco su 90° per una fetta perfetta del 25%.
Posso animare i grafici a torta in Figma?
Sebbene Figma supporti semplici animazioni di prototipo, le animazioni complesse basate sui dati dovrebbero essere create al di fuori di Figma.
Posso esportare i grafici a torta da Figma?
Sì, seleziona il grafico a torta, vai al pannello di esportazione, scegli il formato preferito (PNG, SVG, PDF) e fai clic su Esporta.
Come registrare lo schermo su Mac?
Per registrare lo schermo su un Mac, puoi usare Trupeer AI. Ti consente di catturare l’intero schermo e offre funzionalità di IA come l’aggiunta di avatar IA, la voce narrante, lo zoom avanti e indietro nel video. Con la funzione di traduzione video IA di trupeer, puoi tradurre il video in oltre 30 lingue.
Come aggiungere un avatar IA a una registrazione dello schermo?
Per aggiungere un avatar IA a una registrazione dello schermo, dovrai usare uno strumento di registrazione schermo IA. Trupeer AI è uno strumento di registrazione schermo IA, che ti aiuta a creare video con più avatar e ti aiuta anche a creare il tuo avatar per il video.
Come registrare lo schermo su Windows?
Per registrare lo schermo su Windows, puoi usare la Game Bar integrata (Windows + G) oppure uno strumento IA avanzato come Trupeer AI per funzionalità più avanzate come avatar IA, voce narrante, traduzione ecc.
Come aggiungere la voce narrante a un video?
Per aggiungere la voce narrante ai video, scarica l’estensione Chrome di trupeer ai. Una volta registrato, carica il tuo video con voce, scegli la voce narrante desiderata da trupeer ed esporta il video modificato.
Come faccio a zoomare in una registrazione dello schermo?
Per ingrandire durante una registrazione dello schermo, usa gli effetti di zoom in Trupeer AI, che ti consentono di zoomare avanti e indietro in momenti specifici, migliorando l’impatto visivo dei contenuti video.