Vai al contenuto principale

Genera pulsanti che corrispondono al tuo sistema di progettazione

Crea varianti di pulsanti, esplora stili e crea librerie di componenti con l'AI, direttamente in Figma Design. Utilizza i tuoi token e componenti, non l'UI segnaposto che deve essere ricreata.

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

Esplora i design dei pulsanti più velocemente che mai

Genera pulsanti pronti per la produzione nella tua area di lavoro utilizzando i componenti, i token e gli stili che il tuo team già utilizza.

Area di lavoro di Figma che mostra un layout di design generato dall'AI in fase di esplorazioneArea di lavoro di Figma che mostra un layout di design generato dall'AI in fase di esplorazione

Genera con il tuo sistema di progettazione

L'agente Figma crea pulsanti utilizzando i tuoi componenti, i token di colore e gli stili tipografici. Ogni variante si adatta al tuo sistema fin dall'inizio, senza necessità di ricreare o ridisegnare una UI segnaposto in seguito.

Pannello dell'agente Figma AI che mostra una modifica in massa applicata su un progettoPannello dell'agente Figma AI che mostra una modifica in massa applicata su un progetto

Esplora più direzioni contemporaneamente

Genera in parallelo più stili, dimensioni e stati di pulsanti. Confronta varianti primarie, secondarie e terziarie fianco a fianco senza aspettare che una finisca prima di iniziare la successiva.

Pannello dell'agente Figma AI che mostra il feedback del team sintetizzato in un progettoPannello dell'agente Figma AI che mostra il feedback del team sintetizzato in un progetto

Mantieni unito il tuo team

Ogni pulsante generato si trova nello stesso file in cui lavora il tuo team. Designer, sviluppatori e stakeholder vedono lo stesso risultato e possono basarsi subito su di esso.

Le funzionalità nascoste della generazione dei pulsanti

Uno sguardo più da vicino a ciò che distingue l'agente Figma, progettato per adattarsi all'effettiva modalità di lavoro dei team di design.

  • Screenshot che mostra l'agente Figma AI connesso a una libreria di componenti mentre applica automaticamente token del marchio a un designScreenshot che mostra l'agente Figma AI connesso a una libreria di componenti mentre applica automaticamente token del marchio a un design

    Connettiti alla tua libreria di design

    Indica all'agente la tua libreria di design in modo che ogni pulsante utilizzi i tuoi componenti, token e variabili reali, pronti per la produzione, e non dei segnaposti.

  • Screenshot di più prompt di design AI simultanei in esecuzione in FigmaScreenshot di più prompt di design AI simultanei in esecuzione in Figma

    Esegui i prompt in parallelo

    Genera contemporaneamente più direzioni per i pulsanti. Esplora diversi stili, stati e dimensioni senza dover aspettare il completamento di un prompt.

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

    Thread condivisibili

    Condividi un thread e il tuo team potrà vedere il prompt completo, tutto il contesto e l'intera cronologia delle iterazioni, senza spiegazioni o passaggi di consegne separati.

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

    Riunisci flussi di lavoro come competenze

    Trasforma i tuoi prompt di generazione di pulsanti in competenze riutilizzabili. Eseguili con un rapido comando ogni volta che hai bisogno di risultati coerenti.

Figma sembra un'estensione naturale della mia mano. Do vita alle mie creazioni di design nell'area di lavoro e l'agente le porta fino in fondo. Con le mie librerie di design collegate, posso passare dal design al codice più velocemente che mai.

Andy Madrick
Product Designer, Notion

Logo Notion

Inizia con l'agente Figma

  • Apri l'agente

    Seleziona Agenti nella barra laterale sinistra oppure premi CMD + Invio. Aggiungi una cornice alla tua area di lavoro su cui lavorare.

  • Descrivi il pulsante

    Dì all'agente ciò di cui hai bisogno: pulsante principale, pulsante icona, stato di caricamento. Indirizzalo alla tua libreria di design perché utilizzi i tuoi stili reali.

  • Esegui la revisione nell'area di lavoro

    Controlla i pulsanti generati nella tua area di lavoro. Perfeziona all'interno dello stesso thread o apri un thread parallelo per esplorare un'altra direzione.

  • Continua a iterare

    Crea un altro prompt per regolare dimensioni, stati o stili. Trasforma il flusso di lavoro in una competenza riutilizzabile quando l'hai messo a punto.

Diventa un esperto dell'agente

  • L'agente Figma Design è qui

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

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

    Lavora con l'agente Figma

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

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

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

    Guarda ora

FAQ

Un generatore di pulsanti basato su AI crea design di pulsanti da prompt testuali, aiutandoti a esplorare stili, dimensioni e stati più velocemente che crearli manualmente uno per uno. L'agente Figma genera pulsanti direttamente sulla tua area di lavoro utilizzando il tuo sistema di progettazione, quindi i risultati sono pronti per la produzione fin dall'inizio.

Descrivi il pulsante di cui hai bisogno: un pulsante primario con un'icona, una variante secondaria, uno stato di caricamento, e l'AI lo crea nella tua area di lavoro. L'agente Figma consulta la tua libreria di design collegata, utilizzando i tuoi token, componenti e stili per generare pulsanti abbinati al tuo sistema.

Sì. L'agente Figma ti permette di descrivere esattamente ciò di cui hai bisogno e genera pulsanti personalizzati nella tua area di lavoro. Puoi specificare stili, dimensioni, stati e icone. Tutto rimane completamente modificabile, quindi puoi perfezionare a mano o creare un nuovo prompt finché il pulsante non è esattamente come lo desideri.

Certo. I pulsanti generati dall'agente Figma vengono generati nella tua area di lavoro come livelli e componenti completamente modificabili. Puoi regolare colori, tipografia, spaziatura e stati manualmente o con prompt successivi. Niente viene appiattito o bloccato.

L'agente Figma è disponibile in tutti i piani a pagamento di Figma. Lo troverai nella barra laterale sinistra in Figma Design. Durante l'attuale beta aperta, non consuma crediti AI, quindi è un buon momento per esplorare, sperimentare e condividere il tuo feedback con noi.

Powered by Fruition