Vai al contenuto principale

Consegna il design con meno passaggi

L'agente di Figma aiuta a preparare le specifiche, estrarre gli asset e rispondere alle domande degli sviluppatori direttamente sul canvas dove vive il tuo design. Meno cambi di contesto, handoff più chiari.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Un handoff che funziona davvero

Mantieni designer e sviluppatori nello stesso spazio condiviso, lasciando che l'AI si occupi della preparazione noiosa mentre tu ti concentri sulla costruzione.

Canvas di Figma che mostra l'esplorazione di un layout di design generato dall'AICanvas di Figma che mostra l'esplorazione di un layout di design generato dall'AI

Automatizza la preparazione senza perdere precisione

Delega all'agente il lavoro ripetitivo di handoff — generare redline, documentare la spaziatura, elencare le specifiche dei componenti — e concentrati sulle decisioni di design che richiedono davvero attenzione.

Pannello dell'agente AI di Figma che mostra una modifica in blocco applicata a un designPannello dell'agente AI di Figma che mostra una modifica in blocco applicata a un design

Rispondi prima che arrivino le domande

L'agente mostra il contesto di cui gli sviluppatori hanno bisogno — nomi dei componenti, token di stile, note sulle interazioni. Meno avanti e indietro in chat, meno fraintendimenti, sviluppo più veloce.

Pannello dell'agente AI di Figma che mostra il feedback del team integrato in un designPannello dell'agente AI di Figma che mostra il feedback del team integrato in un design

Allinea il team in un unico file condiviso

Specifiche, asset e contesto di design vivono insieme al lavoro stesso. Gli sviluppatori vedono l'ultima versione, i designer vedono cosa si sta costruendo. Niente si perde in esportazioni o traduzioni delle informazioni.

Le funzionalità dietro un handoff migliore

Uno sguardo più da vicino a ciò che rende unico l'agente di Figma, pensato per il modo in cui i team di design lavorano davvero.

  • Screenshot che mostra l'agente AI di Figma connesso a una libreria di componenti, con applicazione automatica dei token del brand a un designScreenshot che mostra l'agente AI di Figma connesso a una libreria di componenti, con applicazione automatica dei token del brand a un design

    Collega la tua libreria di design

    L'agente fa riferimento a componenti, token e variabili reali quando genera le specifiche, così gli sviluppatori ottengono documentazione precisa invece di valori placeholder.

  • Screenshot di più prompt di design AI eseguiti contemporaneamente in FigmaScreenshot di più prompt di design AI eseguiti contemporaneamente in Figma

    Prompt in parallelo

    Prepara più cornici per l'handoff contemporaneamente. Documenta una sezione mentre estrai asset da un'altra, senza tempi di attesa.

  • Screenshot di un thread di conversazione AI di Figma condiviso, con commenti sul designScreenshot di un thread di conversazione AI di Figma condiviso, con commenti sul design

    Thread condivisibili

    Condividi un thread di handoff e gli sviluppatori vedranno l'intero prompt, il contesto e la cronologia delle iterazioni. Domande e risposte restano collegate al lavoro.

  • Screenshot che mostra le opzioni di skill dell'agente AI di Figma per automatizzare i flussi di lavoro di designScreenshot che mostra le opzioni di skill dell'agente AI di Figma per automatizzare i flussi di lavoro di design

    Affina con prompt successivi

    Se serve più dettaglio su un componente specifico, chiedi nello stesso thread. L'agente mantiene il contesto, quindi puoi iterare senza ripartire da zero.

Figma sembra un'estensione naturale delle mie mani. Elaboro le idee di design sul canvas e lascio che sia l'agente a portarle a termine. Con la libreria di design collegata, si passa dal design al codice più velocemente che mai.

Andy Madrick
Product Designer, Notion

Logo di Notion

Inizia a usare l'agente di Figma

  • Seleziona le cornici da consegnare

    Apri il file in Figma Design e seleziona le cornici o i componenti da preparare per lo sviluppo.

  • Descrivi cosa serve agli sviluppatori

    Racconta all'agente cosa vuoi documentare — specifiche di spaziatura, nomi dei componenti, note sulle interazioni, asset esportabili. Sii specifico su quale contesto conta di più.

  • Rivedi la documentazione

    Controlla le specifiche generate sul canvas. Se manca qualcosa, affina nello stesso thread oppure esegui un prompt parallelo per un'altra cornice.

  • Condividi con il team

    Gli sviluppatori accedono allo stesso file con tutto il contesto necessario. Condividi il link del thread e vedranno esattamente cosa è cambiato e come.

Diventa un esperto dell'agente

  • L'agente di design di Figma è arrivato

    Guarda l'agente AI di Figma in azione e scopri come integrarlo nei tuoi flussi di lavoro.

    Scopri di più
  • Schermata introduttiva del playground dell'agente Figma con un pulsante 'Inizia' e un prompt di chat di esempio: 'Ehi Figma, puoi creare diversi layout per la mia app di lettura?'Schermata introduttiva del playground dell'agente Figma con un pulsante 'Inizia' e un prompt di chat di esempio: 'Ehi Figma, puoi creare diversi layout per la mia app di lettura?'

    Lavora con l'agente di Figma

    Un playground pratico per esplorare le funzionalità dell'agente di Figma — dalle modifiche in blocco all'implementazione dei feedback — con una guida passo passo integrata.

    Inizia
  • Come usare l'agente di Figma nei tuoi flussi di lavoro di design

    Scopri come usare l'agente di Figma nei tuoi flussi di lavoro di design con un tutorial passo passo del team Figma.

    Guarda ora

FAQ

Un assistente AI per l'handoff di design automatizza il lavoro ripetitivo di preparare un design per lo sviluppo — generare specifiche, documentare spaziatura e stili, estrarre asset. L'agente di Figma lo fa direttamente sul canvas, così tutte le informazioni di cui gli sviluppatori hanno bisogno restano nello stesso file in cui vive il design. Non serve uno strumento di handoff separato né esportazioni.

L'AI riduce il lavoro manuale di documentare i design e rispondere a domande ripetitive degli sviluppatori. L'agente di Figma può generare redline, elencare specifiche dei componenti e mostrare automaticamente i token di design. Questo riduce i fraintendimenti, velocizza i tempi di risposta e riduce il tempo che i designer passano su documentazione ripetitiva.

Cerca uno strumento che mantenga le specifiche insieme al design reale, faccia riferimento al tuo vero design system e permetta al team di collaborare in un unico posto. L'agente di Figma soddisfa tutti e tre questi requisiti: genera documentazione usando componenti e token reali, e tutto resta nel file condiviso su cui lavorano sia designer che sviluppatori.

Seleziona le cornici da consegnare, apri l'agente di Figma dalla barra laterale sinistra o premi CMD + Invio, e descrivi la documentazione di cui hai bisogno. L'agente genera le specifiche, estrae gli asset e documenta il contesto direttamente sul canvas. Gli sviluppatori potranno poi accedere a tutto nello stesso file.

L'agente di Figma è disponibile su tutti i piani Figma a pagamento. Lo trovi nella barra laterale sinistra di Figma Design. Durante l'attuale beta aperta non consuma crediti AI: è il momento ideale per esplorarlo, sperimentare e condividere il tuo feedback con noi.