Vai al contenuto principale

Figma per il passaggio di consegne

Semplifica il passaggio di consegne dei progetti

Figma consente un'esperienza di passaggio di consegne dei progetti che mantiene designer e sviluppatori sulla stessa lunghezza d'onda. Comunica meglio, garantisci la massima coerenza e sviluppa prodotti eccellenti.

Forme e simboli che rappresentano Dev Mode di Figma, inclusi l'interruttore di Dev Mode, un box model CSS, la chat da cursore, le dimensioni dell'altezza e un riquadro di delimitazione.Forme e simboli che rappresentano Dev Mode di Figma, inclusi l'interruttore di Dev Mode, un box model CSS, la chat da cursore, le dimensioni dell'altezza e un riquadro di delimitazione.

La scelta dei team di

Logo Pumalogo githubLogo StripeLogo The New York TimesLogo NetflixLogo Spotify

Colma il divario tra progettazione e sviluppo

Migliora la comunicazione e la collaborazione tra designer e sviluppatori, in modo che ciò che viene progettato sia effettivamente ciò che viene realizzato.

Due cursori di membri del team utilizzano annotazioni per documentare le note di progettazione per l'ingegneria su una pagina di prodotto di e-commerce.Due cursori di membri del team utilizzano annotazioni per documentare le note di progettazione per l'ingegneria su una pagina di prodotto di e-commerce.

Riduci al minimo gli errori di interpretazione

Aggiungi con facilità delle note ai file di progettazione, con informazioni e misure aggiuntive, per rendere tutto più chiaro e accelerare lo sviluppo.

Uno sviluppatore che confronta la versione attuale e quella precedente di un componente del pulsante "Add to Basket" nella landing page di un prodotto di e-commerce.Uno sviluppatore che confronta la versione attuale e quella precedente di un componente del pulsante "Add to Basket" nella landing page di un prodotto di e-commerce.

Riduci i passaggi avanti e indietro

Gli sviluppatori riescono a confrontare con facilità i frame con le versioni precedenti per vedere esattamente cosa è stato modificato.

Una schermata mostra le sezioni pronte per lo sviluppo in Dev ModeUna schermata mostra le sezioni pronte per lo sviluppo in Dev Mode

Comunica cosa è pronto per lo sviluppo

Usa gli stati delle sezioni per indicare chiaramente quali schermate sono pronte per essere lavorate dai tuoi partner per lo sviluppo.

Esplora le funzionalità pensate per un passaggio di consegne ottimale dei progetti

Una vista per gli sviluppatori

Invita gli sviluppatori a collaborare fin dall'inizio e a partecipare alle decisioni sul design. Offrigli una vista Dev Mode dedicata per ispezionare, confrontare e implementare i progetti.

Scopri di più su Dev Mode

Il cursore di uno sviluppatore vicino agli stili di colore per un sistema di progettazione di un sito web di e-commerce.Il cursore di uno sviluppatore vicino agli stili di colore per un sistema di progettazione di un sito web di e-commerce.

Allinea i sistemi di progettazione al codice

Crea, mantieni e condividi facilmente componenti e stili. Usa lo stesso linguaggio nei file di progettazione e nel codice con i token, e visualizza altre risorse per sviluppatori direttamente nel file di progettazione.

Scopri di più sui sistemi di progettazione

Ispeziona e acquisisci frammenti di codice

Ottieni dettagli come misure, specifiche e stili. Genera dal progetto frammenti di codice CSS, iOS o Android pronti per la produzione. Oppure, esporta le risorse con un solo clic.

Scopri di più

Uno spazio di lavoro di un progetto in Visual Studio Code.Uno spazio di lavoro di un progetto in Visual Studio Code.

Integrazione con VS Code

La nostra estensione per VS Code integra il file di progettazione nell'editor di testo. Ispeziona i file Figma, collabora con i designer, ricevi notifiche e ottieni suggerimenti sul codice, tutto da VS Code.

Configura l'integrazione

In passato, gli sviluppatori dovevano ispezionare ogni elemento. Oggi possiamo generare automaticamente il codice dai design

Saurabh Soni, Responsabile del design di Razorpay

logo razorpay
Leggi la storia

Scopri di più sulle best practice per il passaggio di consegne dei progetti

Uno sfondo color corallo con forme verdi, gialle e nere sovrapposte, correlate allo sviluppo, come l'interruttore di Dev Mode.Uno sfondo color corallo con forme verdi, gialle e nere sovrapposte, correlate allo sviluppo, come l'interruttore di Dev Mode.

Esplora Dev Mode

Scopri di più su Dev Mode e su come facilita il passaggio di consegne dalla progettazione allo sviluppo.

Esplora Dev Mode

Il cursore di uno sviluppatore che seleziona un cerchio verde e visualizza i codici esadecimali per i colori del marchio in una libreria del sistema di progettazione.Il cursore di uno sviluppatore che seleziona un cerchio verde e visualizza i codici esadecimali per i colori del marchio in una libreria del sistema di progettazione.

Scopri le best practice per il passaggio di consegne

Leggi una raccolta di best practice degli esperti.

Consulta la guida

Il logo Figma in procinto di essere selezionato da un cursore verde.Il logo Figma in procinto di essere selezionato da un cursore verde.

Come Figma utilizza Dev Mode

Scopri come i team di ingegneria e design di Figma utilizzano Dev Mode per il passaggio di consegne.

Leggi l'articolo

FAQ