The Pulse

JetBrains aggiunge strumenti per Figma, Storybook e browser a WebStorm

WebStorm 2026.3 porta Figma, Storybook e i test nel browser nell’IDE e rende disponibile JetBrains Air per eseguire e revisionare sessioni di agenti di coding. La versione include anche funzionalità di accessibilità e correzioni per TypeScr

AI.info Team · Scritto con l’IA · verificato · 2026-11-06

WebStorm 2026.3, ora disponibile da JetBrains, porta nell’IDE riferimenti di design, componenti di interfaccia riutilizzabili e test nel browser, collegando queste fasi agli agenti di coding. La versione rende inoltre disponibile in WebStorm JetBrains Air, uno spazio di lavoro per eseguire agenti e revisionarne le modifiche insieme al codice del progetto.

JetBrains Air porta le sessioni degli agenti in WebStorm

Air supporta agenti di JetBrains e di terze parti, tra cui Claude Agent, Codex, Gemini, GitHub Copilot, Junie e OpenCode, oltre ad altri agenti compatibili con ACP. Può rilevare gli agenti già installati sul computer di uno sviluppatore, oppure gli utenti possono aggiungerli dal registro. Gli abbonamenti esistenti ai provider, le chiavi API e gli URL di base personalizzati funzionano in Air e non è richiesto un abbonamento a JetBrains AI.

Gli sviluppatori possono eseguire più sessioni in parallelo e scegliere tra flussi di lavoro in chat e nel terminale. Air offre una vista delle modifiche apportate da un agente insieme al codice circostante e agli strumenti del progetto e consente agli sviluppatori di inviare feedback direttamente all’agente. I commenti possono essere associati a una riga specifica in un diff o inseriti direttamente dal codice.

La versione include anche IA gratuita attraverso la configurazione Junie Lite, che richiede un JetBrains Account. Per gli sviluppatori che passano da AI Assistant, Air può migrare le skill dell’IDE, la configurazione MCP, gli agenti installati tramite ACP, l’autenticazione e la cronologia delle chat; la cronologia della modalità chat non viene migrata.

I dettagli di Figma e i componenti di Storybook entrano nel flusso di lavoro

Figma Connect consente agli sviluppatori di aggiungere screenshot, URL e valori di design al contesto dell’agente da WebStorm, esplorare i livelli di Figma ed esaminare un livello selezionato mentre lavorano in Air. Il suo pannello Inspect mostra valori CSS, colori e token di design per il livello selezionato. La connessione può trasmettere il contesto di design ad agenti tra cui Claude Code, Codex e Cursor e richiede una configurazione iniziale da effettuare una sola volta.

Storybook Connect aggiunge una finestra degli strumenti dedicata per cercare ed esplorare le storie, passare da una storia al suo codice sorgente e viceversa e avviare un server Storybook locale. I suoi strumenti analizzano le props dei componenti, identificano i componenti senza storie e generano le storie mancanti con l’assistenza dell’IA. Il plugin è distribuito separatamente e richiede Storybook 10 o una versione successiva.

Chrome DevTools Connect offre agli agenti un browser per i test

Con Chrome DevTools Connect, un agente può aprire pagine, navigare nei flussi dell’applicazione, esaminare il DOM e l’interfaccia visualizzata e leggere i log della console e le richieste di rete. Può anche acquisire screenshot, interagire con gli elementi della pagina, riprodurre problemi di runtime e verificare se le correzioni funzionano nel browser. WebStorm invita gli utenti a installare un pacchetto necessario la prima volta che un agente usa la skill Chrome DevTools CLI inclusa.

JetBrains presenta Figma Connect, Storybook Connect e Chrome DevTools Connect come fasi collegate, dal design all’implementazione fino a una pagina funzionante, tutte eseguite in Air all’interno di WebStorm. Le note di rilascio descrivono il supporto a TypeScript 7 come stabile in WebStorm, anche per i progetti React e Angular, e indicano che gli utenti possono selezionarlo senza migrare o modificare la versione di TypeScript del progetto. Secondo JetBrains, il tempo di caricamento del progetto sulla codebase di Kibana è sceso da circa 12 secondi a tre.

WebStorm aggiunge funzionalità di accessibilità e correzioni per i framework

WebStorm 2026.3 aggiunge segnali sonori per eventi come build, test, raggiungimento di breakpoint e cambiamenti di stato degli agenti. Quando il supporto per gli screen reader è attivo, i segnali per i marcatori di riga nell’editor e per gli eventi da tastiera sono attivi per impostazione predefinita; altri suoni possono essere abilitati nelle impostazioni. L’IDE invia inoltre automaticamente segnalazioni tecniche di errori e blocchi dell’interfaccia, rimuovendo dai messaggi delle segnalazioni percorsi dei file, URL e nomi utente prima che lascino il computer.

Altri aggiornamenti riguardano Angular, Sass, CSS, Vitest, Mocha e Tailwind CSS. JetBrains ha rimosso 161 proprietà non rilasciate dai dati della sintassi CSS, l’esecuzione di singoli test funziona di nuovo in Vitest 5 ed è stata corretta una perdita di memoria in Angular su TypeScript 7 che causava picchi di utilizzo della CPU dell’800% – 900%.