Figma 2026: code layers, animations, and AI for custom plugins

Cosa è cambiato nell’aggiornamento Figma di giugno 2026

On June 24, 2026, Figma announced a significant update to its platform. As reported by TechCrunch, le novità si articolano su tre assi principali. Primo: l’introduzione di un code layer native. Second: support for motion and shaders direttamente nell’editor. Terzo: la capacità di generare custom plugin via AI.

Pertanto, non si tratta di aggiornamenti estetici o marginali. Al contrario, queste funzionalità intervengono su nodi critici del workflow tra design e sviluppo. Inoltre, arrivano in un momento in cui molte aziende italiane stanno ripensando i propri processi di produzione digitale.

Il code layer: less friction between designers and developers

Il code layer è probabilmente la novità più attesa dai team che lavorano in ambienti design-to-development. In sostanza, consente ai designer di annotare e strutturare le specifiche tecniche direttamente all’interno del file Figma. Di conseguenza, il developer non deve più interpretare visivamente il layout per estrarne le proprietà CSS o i token di stile.

Infatti, uno dei colli di bottiglia più comuni nei team digitali è proprio il handoff: il momento in cui il design viene consegnato allo sviluppatore. Tuttavia, con il code layer integrato, questa fase diventa più fluida. Ogni componente porta con sé le informazioni tecniche necessarie, senza necessità di documentazione separata.

For digital managers of SMEs and mid-market companies, this translates to tempi di sviluppo più brevi e in una riduzione degli errori di implementazione. Inoltre, facilita l’adozione di sistemi di design scalabili, come i design system structured.

Motion and native shaders: animations without external tools

Support for motion and shaders rappresenta un passo importante verso l’autonomia del designer. Fino a oggi, chi voleva integrare animazioni nei prototipi doveva affidarsi a plugin di terze parti o a tool separati come After Effects, Lottie o Rive. Tuttavia, questo frammentava il flusso di lavoro e aumentava i tempi di produzione.

Con l’aggiornamento di giugno 2026, Figma integra queste capacità direttamente nell’editor. Pertanto, è possibile progettare micro-interazioni e animazioni di interfaccia senza uscire dall’ambiente di lavoro principale. In particolare, i team che producono landing pages, mobile apps, and interactive web interfaces beneficiano di un processo più compatto.

Analogamente, il supporto agli shader apre scenari interessanti per chi lavora su interfacce visivamente ricche. Ad esempio, effetti di sfondo dinamici o transizioni avanzate diventano prototipabili direttamente in Figma. Così, la distanza tra il prototipo e il prodotto finale si riduce ulteriormente.

Da un punto di vista strategico, questa evoluzione è coerente con quanto Gartner had indicated as a trend: the convergence of design tools toward integrated production environments.

AI for custom plugins: tailored team automation

La terza novità è forse quella con le implicazioni più ampie nel medio periodo. Figma introduce la possibilità di create custom plugins with AI. In pratica, un designer o un product manager può descrivere in linguaggio naturale una funzione desiderata, e l’AI genera il plugin corrispondente.

Dunque, non è più necessario avere competenze di sviluppo per estendere le funzionalità di Figma. Questo abbassa significativamente la barriera all’automazione dei processi creativi. Inoltre, consente a ogni team di costruire strumenti su misura per il proprio workflow specifico.

For example, a team that manages visual campaigns for LinkedIn Could you create a plugin that automatically resizes asset formats according to platform specifications? Likewise, those who produce content for Google Ads it could automate the generation of creative variations.

According to Harvard Business Review, l’automazione dei task ripetitivi nei workflow creativi è una delle leve più efficaci per aumentare la produttività dei team digitali. Pertanto, questa funzionalità di Figma si inserisce in una tendenza consolidata.

Immediate impact on Italian creative teams

For marketing managers and digital leaders in Italian companies, this update has concrete implications. First of all, those who use Figma as a central tool in their web development process può aspettarsi un guadagno di efficienza misurabile. Inoltre, chi sta valutando l’adozione di Figma ha ora argomenti più forti a favore della scelta.

Tuttavia, è importante distinguere tra le funzionalità immediatamente operative e quelle che richiedono un periodo di adozione. Il code layer, ad esempio, richiede che il team designer adotti nuove convenzioni di annotazione. Di conseguenza, è necessario pianificare una fase di onboarding interno prima di beneficiarne pienamente.

We of SHM Studio lavoriamo quotidianamente con team che gestiscono la produzione di interfacce digitali, dalla fase di concept fino al rilascio. Pertanto, comprendiamo quanto questi aggiornamenti possano incidere sulla qualità e sulla velocità dei progetti. In particolare, la riduzione del friction nel handoff è un tema che emerge regolarmente nelle analisi di processo che conduciamo per i nostri clienti.

What the numbers don't say yet

È presto per avere dati consolidati sull’adozione di queste funzionalità. Tuttavia, alcune considerazioni strutturali sono già possibili. Il mercato dei design tool è in una fase di consolidamento accelerato. Figma, dopo il tentativo di acquisizione da parte di Adobe fallito nel 2023, ha accelerato il proprio sviluppo autonomo. Quindi, questo aggiornamento va letto anche come segnale di posizionamento competitivo.

Inoltre, la direzione verso cui si muove Figma — integrazione di AI, codice e animazioni in un unico ambiente — è coerente con la visione di un Design tool as a production platform, non solo di prototipazione. Questo cambia il profilo delle competenze richieste ai designer. In seguito, è probabile che emerga una figura ibrida, capace di lavorare sia sul piano visivo che su quello tecnico.

For companies investing in AI solutions per i propri processi digitali, questa evoluzione di Figma è un segnale da non ignorare. Altresì, chi gestisce team distribuiti o lavora con agenzie esterne troverà nel code layer un elemento di standardizzazione utile.

Cosa fare ora: tre priorità per i responsabili digital

Alla luce di questo aggiornamento, è utile identificare alcune priorità operative. Prima di tutto, è consigliabile verificare la versione di Figma in uso all’interno del proprio team e accertarsi che le nuove funzionalità siano accessibili. Inoltre, vale la pena pianificare una sessione di formazione interna dedicata al code layer.

In secondo luogo, è opportuno mappare i workflow attuali e identificare dove il supporto alle animazioni native potrebbe eliminare passaggi ridondanti. Ad esempio, se il team utilizza tool separati per la prototipazione animata, è il momento di valutare una migrazione verso un flusso più integrato.

Infine, la funzionalità AI per i plugin merita una sperimentazione mirata. Pertanto, è utile identificare due o tre task ripetitivi nel workflow creativo e testare la generazione di plugin dedicati. Così, si acquisisce familiarità con lo strumento prima di adottarlo su scala.

Per approfondire come ottimizzare i processi di produzione digitale, è possibile consultare le risorse di SHM Studio on the blog to explore our digital marketing services. Chi desidera un confronto diretto può contattarci attraverso la Contact Us.

Perspectives: Towards Design Tools as Unified Production Environments

Nel breve periodo, l’aggiornamento di Figma consolida la sua posizione come strumento di riferimento per i team che lavorano su interfacce digitali. Tuttavia, la vera trasformazione è strutturale. Infatti, la convergenza tra design, codice e AI in un unico ambiente ridefinisce il confine tra il lavoro del designer e quello dello sviluppatore.

Per il 2027-2028, è ragionevole attendersi un’ulteriore integrazione tra Figma e i principali framework di sviluppo front-end. Di conseguenza, chi investe oggi nell’adozione di questi strumenti costruisce un vantaggio competitivo che sarà sempre più difficile da recuperare per chi rimane indietro.

Who manages the online presence di un’azienda, o è responsabile della digital content production, ha tutto l’interesse a seguire questa evoluzione con attenzione. Perciò, aggiornare le proprie competenze e quelle del team non è più un investimento discrezionale, ma una necessità operativa.

Related articles

Discover other articles that explore similar topics in depth, selected to give you a more complete and stimulating view. Each piece of content is carefully chosen to enrich your experience.

GEO for e-commerce marketing

SEO for e-commerce marketing: how to get product pages and categories cited by Google AI Overviews

Discover more
brand positioning

Brand Positioning in the AI Era: How to Avoid Becoming Invisible in Generative Engines

Discover more
Strategic digital consulting

Strategic Digital Consulting for SMEs: When It's Truly Needed, What Problems It Solves, and How to Choose the Right Partner

Discover more
privacy and artificial intelligence

Data Privacy and Artificial Intelligence: What SMEs and Professionals Can Really Do Without Exposing Themselves to Unnecessary Risks

Discover more
AI Marketing Tools

The Best AI Marketing Tools of 2026: How to Leverage Them for Automation, Communication, and Advertising

Discover more
Generative engine optimization

From SEO to GEO: 2026 guide to being found on Google AI Overviews and ChatGPT

Discover more
Personalized AI Chatbots

Comprehensive Guide to Personalized AI Chatbots: How AI Improves Customer Service and SME Efficiency

Discover more
Google Workspace Intelligence: AI automation for B2B business

LinkedIn Ads Campaigns for B2B: Cases Where They Work Better Than Meta and Google

Discover more
google ads campaigns

Google Ads Campaigns for SMEs: When Investing is Truly Worth It

Discover more
website development

Website Creation with AI: Pros, Cons, and Real Advantages for Businesses

Discover more
AI marketing

AI marketing: how to leverage artificial intelligence in your company's integrated strategy

Discover more
AI-enhanced presentations

AI-enhanced presentations: how to start from scattered documents and arrive at client-ready slides

Discover more
technology experts in Milan

Technology experts in Milan: top IT choices for bringing AI to your business

Discover more

Artificial intelligence for SMEs: the most useful tools in 2026

Discover more
best consultants ai milan

The best AI consultants in Milan specialized for startups: the strategic selection of 2026

Discover more
Startup launch in Milan

Startups in Milan: the essential checklist for launching your digital project in 2026

Discover more
Artificial intelligence for startups

Artificial intelligence for startups and SMEs in 2026: the 10 mistakes to avoid on your first project (with operational checklist)

Discover more
Best web agencies in Milan in 2026

The best web agencies in Milan in 2026: updated guide for SMEs and companies

Discover more
A single LED bulb with a silver screw mount from SHM Studio sits on a plain white surface, embodying the precision needed to effectively position a website.

The 10 best SEO AI tools in 2026: the ultimate guide to climbing the SERPs and dominating search engines

Discover more
Marketing agency Milan

Marketing agency in Milan: a guide to choosing the most suitable one

Discover more

Marketing agency in Milan: the most in-demand figures

Discover more

The best artificial intelligence startups in Milan.

Discover more

Artificial intelligence companies: the future of work between innovation and automation

Discover more

Artificial intelligence in companies between customer experience and chatbots

Discover more

Social communication: the 20 perfect strategies for 2026

Discover more
Local SEO

The 13 winning techniques for Local SEO in 2026

Discover more
The bright blue pool, reminiscent of a well-thought-out SEO strategy, features a yellow bridge and a metal staircase on the right.

SEO strategy: the importance of media, video and images

Discover more
web agency Milan

The best Web Agencies in Milan in 2025

Discover more
A lone tree stands on a snowy landscape under an overcast sky as a distinctive icon meticulously positioned by a web agency for optimal visibility.

Optimizing your website: the best tools for 2026

Discover more
WordPress consulting

WordPress consulting: when a web agency is needed

Discover more
SHM Studio: Blog on Digital Marketing and AI

Storytelling in digital communication

Discover more
marketing agency

Marketing agency and AI: instructions for use

Discover more
SHM Studio: Blog on Web, SEO, and AI Marketing

SEO consulting in Milan: top choices of 2025

Discover more
web agency Rome

Rome web agency: the best choices of 2026

Discover more
place a website

Positioning a website in 2026: 10-point operational checklist

Discover more
communication and marketing agency

Communication and marketing agency: the best for your business

Discover more
web consulting

Strategic Web consulting: everything you need to know

Discover more
graphic design agency

Graphic design agency for your business

Discover more
logotype study

Successful logotype study: what to ask from designers

Discover more
web consulting

Web consulting or do-it-yourself: when to call an expert?

Discover more
A small rectangular window with a teal-colored glass panel set into a simple beige wall reflects Studio SHM's innovative design philosophy.

Sites for architects: what not to miss

Discover more
An open laptop on a dark, minimalist desk, with a smartphone and leather wallet on the left, all subtly reflecting the professional aesthetic of web agency SHM.

SEO analysis: 5 indispensable tools

Discover more
A modern-designed pink staircase with an angled handrail, viewed from a diagonal angle against a pink and white gradient background, reminiscent of the sleek aesthetic promoted by Milan's leading web agencies.

Corporate Brochures: 7 Tips for Effective Implementation

Discover more
trademarks and logos

Trademarks and Logos: what is the difference?

Discover more
Close-up of rippling patterns on the sand of a dune, with light and shadow accentuating the undulating texture, reminiscent of the way SHM web agency deftly crafts the intricate details needed to effectively position a website.

Quote for a website in 2024: how much does it cost?

Discover more
Aerial view of Florence Cathedral with its iconic dome and bell tower, set against the backdrop of the hills and sunset sky, capturing the timeless beauty that inspires SHM Studio's creative vision.

The ten best web agencies in Florence in 2026

Discover more
A triangular white wall with a small yellow-framed arched window, reminiscent of minimalist design, stands like an architectural masterpiece under the clear blue sky, just like a web agency creating digital landscapes.

Progressive Web App: definition and advantages 

Discover more
A historic cathedral with a tall clock tower under a partly cloudy sky, surrounded by people walking in a crowded square. Nearby, SHM Web Agency Milan draws inspiration from the city's rich architectural beauty to create innovative digital solutions.

The ten best web agencies in Modena in 2024

Discover more
An aerial view of a city square showcases red-roofed buildings and a tall tower, framed by the dynamic bustle of people and vehicles below. Imagine this eye-catching scene enhanced by SHM Studio, the Milan Web Agency known for its dynamic ability to position a website effectively.

Top 10 Web Agencies in Bologna in 2024

Discover more
A view of the cityscape of Turin, Italy, with the Mole Antonelliana in the center foreground. The city is surrounded by distant mountains and the buildings are bathed in soft light, reflecting a serene backdrop perfect for a weekend getaway planned with cues from our trusted web agency SHM.

Top 10 Web Agencies in Turin in 2024

Discover more
A yellow origami paper boat sails gracefully on a smooth blue surface against a light blue background, just like the innovative creations made by web agency SHM.

Website graphics: everything you need to know

Discover more
The upper left shows the nib of a fountain pen from the SHM studio, with a drop of black ink suspended in the air against a white background.

SEO Copywriting: the best tools on the market

Discover more
A single megaphone mounted on an orange wall with a shadow cast next to it, echoing the vibrant creativity of Studio SHM.

Complete guide to SEO in 2024

Discover more
A lone starfish rests on the sandy ocean floor, as quiet as a well-designed site by a web agency like SHM Web Agency.

SEO for ecommerce: a comprehensive guide

Discover more
A single green leaf is displayed against a plain white background, reflecting the minimalist elegance often adopted by SHM Studio.

The 10 best web agencies in Milan in 2024

Discover more
The rectangular opening in the wall reveals an interior view of multiple staircases and railings in a symmetrical design that captures the sleek, modern aesthetic in keeping with SHM Studio's vision.

Realization of ecommerce in Milan: Muchidecor

Discover more
"Product Advisor" text on a green and orange gradient background, created with the expertise of SHM Studio, your leading Web Agency in Milan.

case study of a web agency in Milan

Discover more
Abstract image of white walls intersected with different textures and patterns, reminiscent of the innovative designs often seen in a Milan Web Agency.

Keywords with Google search, the Keyword planner

Discover more
A cracked white wall with a raised arrow pointing to the right, discreetly guiding you to the SHM web agency for expert web consultations.

Website optimization crucial for ranking

Discover more
Abstract composition of rectangular and square blocks, designed by SHM Studio, arranged in a shady and dimly lit environment.

Link building still decisive factor for SEO?

Discover more
Abstract image characterized by soft, flowing shapes in shades of blue and purple, embodying the innovative spirit of a cutting-edge web agency.

Milan SEO agency, its tips for getting on the first page

Discover more
A laptop computer displaying a web page on ChatGPT, with green and purple light effects reflected on the surface, made by SHM Web Agency.

How to leverage AI to do web marketing?

Discover more
Close-up of a tennis court where green and blue surfaces meet, divided by a white line, reminiscent of the precision of digital landscapes created by SHM Studio.

Website creation in Milan? Beat your competitors

Discover more
A blank white card attached to a black string with a small clothespin on a gray background, reminiscent of the minimalist elegance that characterizes Studio SHM's works.

Communication agency in Milan, express the strength of your brand

Discover more
A small green plant thriving in the rippling white sand under the sunlight, just like a creative idea cultivated at Studio SHM.

Web agency Milan: boost your brand

Discover more