Figma trasforma le idee in software interattivo con Claude

Prova Claude
Contatta il team commerciale
Settore:
Software
Dimensioni azienda:
Grande
Prodotto:
Claude Platform
Area geografica:
Nord America
Prototipi funzionanti in pochi minuti
Designer, sviluppatori e product manager creano prototipi o app senza scrivere codice
Claude Opus 4.6
genera app e prototipi complessi e interattivi in Figma Make
Presentazione di Claude Opus 4.6

Stiamo aggiornando il nostro modello più avanzato. Il nuovo Claude Opus 4.6 migliora le capacità di programmazione del suo predecessore. Pianifica con maggiore attenzione, gestisce attività agentiche più a lungo e offre una finestra di contesto da 1 milione di token.

Scopri di più
Presentazione di Claude Opus 4.6
Next

Stiamo aggiornando il nostro modello più avanzato. Il nuovo Claude Opus 4.6 migliora le capacità di programmazione del suo predecessore. Pianifica con maggiore attenzione, gestisce attività agentiche più a lungo e offre una finestra di contesto da 1 milione di token.

Video caption
Next
Presentazione di Claude Opus 4.6

Stiamo aggiornando il nostro modello più avanzato. Il nuovo Claude Opus 4.6 migliora le capacità di programmazione del suo predecessore. Pianifica con maggiore attenzione, gestisce attività agentiche più a lungo e offre una finestra di contesto da 1 milione di token.

Presentazione di Claude Code

Scopri Claude Code in azione: dal concetto al commit in un flusso di lavoro continuo.

Scopri di più
Presentazione di Claude Code
Next

Scopri Claude Code in azione: dal concetto al commit in un flusso di lavoro continuo.

Video caption
Next
Presentazione di Claude Code

Scopri Claude Code in azione: dal concetto al commit in un flusso di lavoro continuo.

Precedente
Next

Figma è la piattaforma di progettazione e sviluppo collaborativo in cui i team creano prodotti digitali, dai concept iniziali alle esperienze rilasciate. Con Claude che alimenta Figma Make, Figma consente ai team di trasformare rapidamente idee e mockup statici in software interattivo completamente funzionale, accelerando il percorso dall'immaginazione alla realtà.

Principali risultati ottenuti con Claude

  • Designer, sviluppatori e product manager creano prototipi o app funzionanti in pochi minuti, senza scrivere codice
  • I team esplorano più idee di design e prodotto automatizzando attività che richiedono molto tempo
  • I non designer ora possono visualizzare le idee, coinvolgendo più persone nel processo di progettazione
  • Claude Sonnet ha garantito costantemente qualità del codice, intento progettuale e velocità 
__wf_reserved_inherit
Holly Li, product manager per Figma Make

L'evoluzione del design

Figma ha riconosciuto che il ruolo della progettazione si sta evolvendo rapidamente con l'IA. Essendo la piattaforma leader nel design, hanno colto l'opportunità di aiutare i designer ad ampliare il loro impatto creativo, consentendo loro di dare vita ai progetti, invitando al contempo più persone a partecipare al processo di progettazione.

L'IA sblocca un nuovo modo per visualizzare rapidamente le idee progettuali e trasformare i mockup statici in esperienze interattive con un semplice prompt. Integrando questa funzionalità in Figma, i team possono esplorare molte direzioni diverse senza dover creare prototipi o scrivere codice manualmente. 

Questa evoluzione si è allineata anche a cambiamenti più ampi nel settore. Alex Mullans, product manager di Figma, ha osservato: "Il tradizionale passaggio tra progettazione e sviluppo crea attrito. Ci sono scambi continui in cui lo sviluppatore risponde "ecco cosa ho sviluppato", e non corrisponde alla visione originale." La piattaforma collaborativa di Figma avvicina la progettazione e lo sviluppo per mantenere la cura artigianale e la qualità durante l'intero processo.

Scegliere Claude per competenza tecnica e sensibilità progettuale

Durante la valutazione dei modelli di IA, Figma cercava una soluzione in grado di generare codice di alta qualità comprendendo al contempo l'intento progettuale e l'estetica.

Mullans ha descritto il loro processo di valutazione dicendo: "Valutiamo regolarmente vari modelli. Claude offre costantemente la giusta combinazione di velocità, precisione e comprensione dell'intento dell'utente."

La sensibilità progettuale di Claude rappresenta anche un elemento distintivo, ha condiviso il team. Un ingegnere di Figma Make ha spiegato: "Prima dell'arrivo di Anthropic, si vedeva che questi modelli di IA erano intelligenti, ma mancavano decisamente di gusto, mancavano di carattere. Chiedevamo loro di generare un design e il design risultava piuttosto piatto. Poi è arrivato Anthropic e ora abbiamo sia modelli intelligenti che modelli dotati di gusto." 

Holly Li, product manager di Figma Make, ha avuto esperienza diretta con le funzionalità di Claude. "Ho passato 30 ore a insegnare a me stessa React per sviluppare il mio sito web. Con Claude, ho rielaborato e migliorato tutto il codice in un solo giorno, aggiungendo funzionalità che avevo sempre desiderato ma che non riuscivo a implementare da sola."

Il team ha identificato Claude Sonnet come il momento della svolta, il punto in cui la generazione del codice è diventata abbastanza buona da rendere possibile la loro visione per Figma Make.

__wf_reserved_inherit
Alex Mullans, product manager presso Figma

Interattività tramite il linguaggio naturale

Figma ha integrato Claude in due prodotti innovativi che trasformano le idee in software supportato da codice. Il primo consente ai designer che lavorano in Figma Sites di aggiungere interattività ai design di siti web esistenti descrivendo ciò che desiderano, selezionando elementi e digitando prompt in linguaggio naturale come "aggiungi un effetto hover che si inclina quando ci passo sopra con il mouse". Claude genera rapidamente codice di alta qualità preservando i dettagli del design originale.

Il secondo prodotto, Figma Make, crea prototipi o app interattivi da descrizioni o design Figma esistenti. Come ha spiegato Li: "Figma Make è un percorso per passare dall'idea al software reale. Puoi iniziare da zero o iniziare con un design esistente creato in Figma." Gli utenti possono digitare un prompt che descrive ciò che vogliono o copiare i loro mockup perfetti da Figma Design e Claude li trasforma in prototipi completamente funzionali con logiche complesse, animazioni e comportamenti reattivi.

Li ha articolato la loro filosofia di design affermando: "L'IA dovrebbe venire incontro ai designer. Se hai già sviluppato il progetto perfetto, non dovresti ricominciare da capo. Claude aggiunge l'interattività rispettando ogni pixel che hai inserito."

Il team ha notato miglioramenti notevoli con ogni aggiornamento di Claude. Li ha condiviso: "Un prompt ora genera design sofisticati con gradienti, tipografia varia e movimento studiato. Uno dei nostri designer ha persino detto "Claude è talmente eccezionale che mi viene da piangere.""

Nuovi modelli accelerano la visione

Il team di Figma è sempre all'avanguardia e testa costantemente i modelli Claude più recenti.

"Sonnet 4.5 è un modello molto impressionante", ha dichiarato Dylan Field, CEO di Figma. "Finora siamo rimasti molto colpiti da quanto può pianificare in anticipo e anche da quanto può ragionare su codebase complesse." Field ha spiegato come il modello ha trasformato i progetti di Figma in codice funzionale. Ha sottolineato il flusso di lavoro di andata e ritorno migliorato tra Figma Design e Make: copia dei progetti, generazione di prototipi funzionanti e infine integrazione nella tela di progettazione per eseguire ulteriori iterazioni e confrontare le esplorazioni affiancate. "Non avevamo idea di quanto questo ciclo di iterazione sarebbe migliorato con Sonnet 4.5... è stata una sorpresa molto piacevole", ha osservato. Field ha definito l'esperienza "un piacere da usare", aggiungendo che il modello "ha già davvero mostrato una notevole differenza" nelle funzionalità di Figma Make. 

Figma ha inoltre introdotto un'impostazione per modelli sperimentali, consentendo agli utenti di accedere alle versioni più recenti, tra cui il nuovo Claude Opus 4.6, non appena sono disponibili in Figma Make. "Claude Opus 4.6 genera app e prototipi complessi e interattivi in Figma Make con un'impressionante versatilità creativa", ha dichiarato Loredana Crisan, Chief Design Officer di Figma. "Il modello traduce progetti dettagliati e attività multilivello in codice al primo tentativo, rendendolo un potente punto di partenza per i team per esplorare e sviluppare idee." L'ambiente sperimentale consente ai team di superare i limiti con nuove funzionalità mentre Claude continua a evolversi.

Ogni nuova release del modello apre nuove possibilità per ciò che i team possono creare. Field ha dichiarato: "Man mano che i modelli di IA migliorano, Figma migliora". 

La creazione di design e software diventa accessibile a tutti

Abbassando le barriere tecniche, Claude consente a tutti i tipi di utenti Figma di convalidare le idee più rapidamente, esplorare direzioni più creative e portare prospettive diverse nel processo di sviluppo del prodotto.

La velocità trasforma ciò che è possibile. Li ha illustrato questo concetto con la propria esperienza, dicendo: "Ho creato il prototipo di un nuovo flusso di prodotto con Figma Make in cinque minuti. Prima, sarebbe stato letteralmente impossibile per me svolgere questa attività da sola come product manager, senza supporto di progettazione e tecnico."

Questa accelerazione consente flussi di lavoro completamente nuovi. I primi utenti hanno condiviso esempi convincenti: un designer ha presentato a un VC un'idea di startup sviluppando un prototipo in un weekend utilizzando Figma Make, impressionando l'investitore con una demo completamente funzionale. Un altro utente ha utilizzato Make per dare vita a un concetto messo da parte da tempo: il fatto di renderlo interattivo ha finalmente portato l'azienda a parlarne di nuovo.

Oltre alla produttività individuale, Claude democratizza anche chi può contribuire allo sviluppo del prodotto. Mullans ha osservato: "I product manager che pensano in fogli di calcolo e tabelle dati ora possono creare prototipi visivi per comunicare le loro idee. Gli ingegneri possono creare rapidamente mockup di interfacce senza perdere tempo con i CSS. Tutti nell'organizzazione possono contribuire in modo più efficace al processo di progettazione."

Il cambiamento va oltre gli strumenti: sta cambiando il modo in cui i team approcciano lo sviluppo del prodotto. Ora gli ingegneri possono progettare, i product manager possono creare prototipi e i designer possono sviluppare software. Figma Make sta sfumando i confini tra i diversi ruoli, aiutando tutti a visualizzare un'idea, partecipare al processo di progettazione e dare vita a un prodotto.

"Claude Opus 4.6 genera app e prototipi complessi e interattivi in Figma Make con una gamma creativa impressionante."
Loredana Crisan
Chief Design Officer, Figma

Next

Video caption
Next

Prev
Next