Collega una libreria di design
L'agente fa riferimento ai tuoi componenti e pattern di interazione esistenti, così i prototipi restano coerenti con il tuo design system fin dall'inizio.
Trasforma i mockup in prototipi funzionanti
Descrivi le interazioni di cui hai bisogno e l'agente di Figma converte i tuoi mockup statici in prototipi cliccabili direttamente sul canvas. Niente cablaggi noiosi, nessun cambio di contesto.
Da statico a interattivo, senza lavoro ripetitivo
L'agente di Figma si occupa del cablaggio ripetitivo, così puoi concentrarti su rifinire l'esperienza e testare ciò che conta davvero.
Descrivi il flusso, lascialo costruire
Racconta all'agente come le schermate si collegano – dove gli utenti toccano, cosa succede dopo – e guarda il prototipo prendere forma sul tuo canvas. Esplora i pattern di interazione più velocemente, proponendo variazioni invece di cliccare connessione dopo connessione.
Taglia il cablaggio, resta nel flusso
Delega il lavoro noioso di collegare cornici e impostare transizioni. L'agente automatizza le connessioni del prototipo, così resti concentrato sulle decisioni di design e sull'esperienza utente, non sulla meccanica del funzionamento.
Allinea il team su interazioni reali
I prototipi vivono nello stesso file su cui lavora il tuo team, così tutti possono vivere il flusso in prima persona. Niente esportazioni, niente link di anteprima separati – solo un contesto condiviso che mantiene il feedback ancorato a ciò che gli utenti vedranno realmente.
Le funzionalità dietro la conversione
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.
Prompt in parallelo
Esplora più approcci di interazione insieme – prova una transizione a scorrimento in un thread, un passaggio a tocco in un altro – senza perdere i progressi in nessuno dei due.
Thread condivisibili
Condividi il tuo thread di prompt e il tuo team vedrà il contesto completo – cosa hai chiesto, come si è evoluto il prototipo e perché funziona in quel modo.
Affina con prompt successivi
Il prototipo non è perfetto? Regola i tempi, cambia le transizioni o aggiungi schermate nello stesso thread – oppure ramifica per provare un approccio completamente diverso.
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
Inizia a usare l'agente di Figma
Prepara le cornici del mockup
Apri il tuo file in Figma Design con i mockup statici sul canvas. Organizza le cornici nell'ordine in cui gli utenti le attraverseranno.
Descrivi le interazioni
Racconta all'agente come le schermate si collegano – quali elementi sono toccabili, dove portano, quali transizioni usare. Sii specifico su punti di ingresso e percorsi utente.
Rivedi il prototipo
Prova il prototipo collegato direttamente sul canvas. Se non convince, modifica nello stesso thread oppure esplora un altro pattern di interazione in un thread parallelo.
Continua a iterare
Tutto resta modificabile. Regola manualmente i collegamenti, fai un altro prompt per aggiungere nuovi flussi o espandi il prototipo man mano che il mockup evolve.
Diventa un esperto dell'agente
L'agente di design di Figma è arrivato
Scopri di piùGuarda l'agente AI di Figma in azione e scopri come integrarlo nei tuoi flussi di lavoro.
Lavora con l'agente di Figma
IniziaUn playground pratico per esplorare le funzionalità dell'agente di Figma — dalle modifiche in blocco all'implementazione dei feedback — con una guida passo passo integrata.
Come usare l'agente di Figma nei tuoi flussi di lavoro di design
Guarda oraScopri come usare l'agente di Figma nei tuoi flussi di lavoro di design con un tutorial passo passo del team Figma.
FAQ
Un convertitore da mockup a prototipo trasforma schermate di design statiche in un'esperienza interattiva e cliccabile. Con l'agente di Figma, descrivi come le cornici si collegano – aree toccabili, transizioni, flussi di navigazione – e l'agente collega il prototipo direttamente sul canvas. Non serve collegare tutto manualmente.
Seleziona le cornici del mockup in Figma Design e apri l'agente. Descrivi le interazioni che ti servono – quali elementi sono toccabili, dove portano, che tipo di transizioni vuoi. L'agente applica i collegamenti e puoi affinare il flusso con altri prompt finché non ti convince.
Un mockup è una rappresentazione visiva statica del design – mostra come appaiono le schermate ma non risponde alle interazioni. Un prototipo aggiunge l'interattività, permettendo agli utenti di toccare, scorrere e muoversi tra le schermate per vivere il flusso previsto. L'agente di Figma aiuta a colmare questo divario trasformando i mockup statici in prototipi realmente funzionanti.
L'agente di Figma comprende il contesto del design e le descrizioni in linguaggio naturale. Descrivi come le schermate si collegano – punti di ingresso, aree toccabili, transizioni – e l'agente applica quelle interazioni direttamente alle cornici. Questo automatizza il collegamento ripetitivo, così puoi concentrarti su rifinire l'esperienza utente.
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.
Lavora più velocemente con l'agente di Figma