Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Componenti Figma: Creazione Efficiente di Sistemi di Design Riutilizzabili | Creazione di Elementi Visivi in Figma
Progettazione UI/UX con Figma

bookComponenti Figma: Creazione Efficiente di Sistemi di Design Riutilizzabili

Elementi UI riutilizzabili che garantiscono coerenza e consentono aggiornamenti rapidi in tutti i progetti di design. I componenti possono essere creati da livelli, gruppi o frame.

Creazione di un componente

Selezionare un frame o un elemento, fare clic con il tasto destro e scegliere Crea componente oppure utilizzare la scorciatoia Ctrl + Alt + K (Windows) o Cmd + Option + K (Mac).

Componenti principali

I componenti principali sono visualizzati in viola nel pannello Livelli e identificati da un'icona a quattro diamanti.

Istanze

Le istanze sono duplicati del componente principale, identificati da un'icona a singolo diamante. Per creare un'istanza, trascinare dal pannello Risorse, duplicare il principale (Ctrl/Cmd + D) o copiarlo e incollarlo.

Modifiche e override

Le modifiche al componente principale aggiornano automaticamente tutte le sue istanze. Gli override, come modifiche a colore o testo, influenzano solo l'istanza. Per ripristinare gli override, fare clic con il tasto destro su un'istanza e selezionare Ripristina tutte le modifiche. Per applicare le modifiche di un'istanza al principale, utilizzare Applica modifiche al componente principale nel pannello Design.

Scollegare un'istanza

Per scollegare un'istanza dal principale e renderla indipendente, fare clic con il tasto destro e selezionare Scollega istanza, andare nel pannello Design e selezionare Scollega istanza, oppure utilizzare la scorciatoia Ctrl + Alt + B (Windows) o Cmd + Option + B (Mac).

Ripristinare un componente principale eliminato

Selezionare un'istanza, andare nel pannello Design e fare clic su Ripristina componente.

Condivisione dei componenti

I componenti vengono salvati localmente per impostazione predefinita. Per condividerli, fare clic con il tasto destro su un componente principale e selezionare Pubblica componenti selezionati, oppure spostare il componente in un progetto del team per consentire l'accesso agli altri.

1. Quale colore rappresenta i componenti principali nel pannello Livelli?

2. Qual è lo scopo dell'override di un'istanza?

question mark

Quale colore rappresenta i componenti principali nel pannello Livelli?

Select the correct answer

question mark

Qual è lo scopo dell'override di un'istanza?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 6

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain the difference between a master component and an instance?

How do I reset overrides on a component instance?

What happens if I delete a master component by accident?

Awesome!

Completion rate improved to 2.78

bookComponenti Figma: Creazione Efficiente di Sistemi di Design Riutilizzabili

Scorri per mostrare il menu

Elementi UI riutilizzabili che garantiscono coerenza e consentono aggiornamenti rapidi in tutti i progetti di design. I componenti possono essere creati da livelli, gruppi o frame.

Creazione di un componente

Selezionare un frame o un elemento, fare clic con il tasto destro e scegliere Crea componente oppure utilizzare la scorciatoia Ctrl + Alt + K (Windows) o Cmd + Option + K (Mac).

Componenti principali

I componenti principali sono visualizzati in viola nel pannello Livelli e identificati da un'icona a quattro diamanti.

Istanze

Le istanze sono duplicati del componente principale, identificati da un'icona a singolo diamante. Per creare un'istanza, trascinare dal pannello Risorse, duplicare il principale (Ctrl/Cmd + D) o copiarlo e incollarlo.

Modifiche e override

Le modifiche al componente principale aggiornano automaticamente tutte le sue istanze. Gli override, come modifiche a colore o testo, influenzano solo l'istanza. Per ripristinare gli override, fare clic con il tasto destro su un'istanza e selezionare Ripristina tutte le modifiche. Per applicare le modifiche di un'istanza al principale, utilizzare Applica modifiche al componente principale nel pannello Design.

Scollegare un'istanza

Per scollegare un'istanza dal principale e renderla indipendente, fare clic con il tasto destro e selezionare Scollega istanza, andare nel pannello Design e selezionare Scollega istanza, oppure utilizzare la scorciatoia Ctrl + Alt + B (Windows) o Cmd + Option + B (Mac).

Ripristinare un componente principale eliminato

Selezionare un'istanza, andare nel pannello Design e fare clic su Ripristina componente.

Condivisione dei componenti

I componenti vengono salvati localmente per impostazione predefinita. Per condividerli, fare clic con il tasto destro su un componente principale e selezionare Pubblica componenti selezionati, oppure spostare il componente in un progetto del team per consentire l'accesso agli altri.

1. Quale colore rappresenta i componenti principali nel pannello Livelli?

2. Qual è lo scopo dell'override di un'istanza?

question mark

Quale colore rappresenta i componenti principali nel pannello Livelli?

Select the correct answer

question mark

Qual è lo scopo dell'override di un'istanza?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 6
some-alt