Vai al contenuto principale

Controlla l'accessibilità sul canvas

Verifica contrasto, leggibilità del testo, aree toccabili e problemi di daltonismo con l'AI direttamente in Figma Design. Trova i problemi prima dell'handoff, non dopo il lancio.

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

Un controllo di accessibilità adatto al tuo flusso di lavoro

L'agente di Figma rivede i design reali direttamente sul canvas, segnalando i problemi in punti dove puoi correggerli subito.

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

Trova i problemi prima della pubblicazione

L'agente di Figma analizza il design alla ricerca di contrasto insufficiente, aree toccabili troppo piccole, etichette mancanti e combinazioni di colore poco accessibili per chi ha difficoltà di percezione cromatica. Trova i problemi prima, non durante la fase di QA.

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

Meno controlli manuali, più concentrazione

Delega il lavoro ripetitivo di controllare uno per uno pulsanti, livelli di testo e combinazioni di colore, così puoi concentrarti a risolvere i problemi che contano davvero per gli utenti.

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 l'intero team

Il feedback sull'accessibilità arriva nello stesso file su cui lavora il team, quindi gli sviluppatori sanno esattamente cosa correggere e i designer possono intervenire prima dell'handoff.

Le funzionalità dietro il controllo

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

    Controlla in base alla tua libreria di design

    Verifica i componenti del tuo design system per problemi di accessibilità, così le correzioni si riflettono ovunque quel componente venga usato.

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

    Esegui controlli in parallelo

    Controlla più cornici o flussi contemporaneamente, per capire lo stato di accessibilità dell'intero file senza aspettare.

  • 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 controllo e il team vedrà il contesto completo, i problemi segnalati e le correzioni applicate. Niente report separati da creare.

  • 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

    Chiedi un'analisi più approfondita di un problema specifico, richiedi alternative o restringi l'ambito del controllo con altri prompt.

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 cosa controllare

    Apri il file in Figma Design e seleziona le cornici, i componenti o le schermate di cui vuoi verificare l'accessibilità.

  • Richiedi il controllo

    Chiedi all'agente di verificare contrasto, dimensione delle aree toccabili, simulazione del daltonismo, oppure richiedi una revisione generale dell'accessibilità.

  • Rivedi i risultati

    L'agente segnala i problemi direttamente sul canvas con indicazioni concrete. Intervieni subito oppure chiedi suggerimenti di correzione.

  • Continua ad affinare

    Esegui altri controlli dopo le modifiche o verifica altre schermate. Tutto resta nel file come riferimento per il team.

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

Uno strumento di controllo dell'accessibilità AI analizza automaticamente design e interfacce alla ricerca di problemi che potrebbero riguardare utenti con disabilità: contrasto insufficiente, aree toccabili troppo piccole, combinazioni di colore poco accessibili per chi ha difficoltà di percezione cromatica. L'agente di Figma esegue questi controlli direttamente sul canvas, segnalando i problemi in punti dove puoi intervenire subito, invece che scoprirli più avanti nello sviluppo.

L'agente di Figma può rilevare contrasto insufficiente rispetto alle linee guida WCAG, testo troppo piccolo che potrebbe risultare difficile da leggere, aree toccabili sotto le dimensioni consigliate e combinazioni di colore problematiche per diversi tipi di daltonismo. Può anche segnalare strutture mancanti da cui dipendono gli screen reader. L'AI rileva molti problemi comuni, ma la revisione manuale resta importante per questioni di accessibilità legate al contesto.

Seleziona le cornici o le schermate da controllare in Figma Design e apri l'agente dalla barra laterale sinistra o premi CMD + Invio. Descrivi cosa vuoi controllare — contrasto, aree toccabili, daltonismo — oppure richiedi una revisione generale dell'accessibilità. L'agente segnala i problemi direttamente sul canvas, con indicazioni su come intervenire.

Gli strumenti di controllo dell'accessibilità AI sono efficaci nel rilevare problemi quantificabili con criteri chiari, come il rapporto di contrasto o le dimensioni minime. Sono meno affidabili su questioni contestuali che richiedono giudizio umano, come capire se un testo alternativo è davvero utile o se una navigazione è logica. L'agente di Figma aiuta a individuare presto i problemi misurabili, ma combinare i controlli AI con la revisione manuale offre la copertura più completa.

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.