Shopify Canvas trasforma Sidekick in un agente AI per progettare e modificare l’intero store

L’intelligenza artificiale si sta spostando progressivamente dalla chat separata dalle applicazioni a un ruolo operativo all’interno dei software utilizzati ogni giorno. Il passaggio è rilevante perché un assistente integrato può lavorare non soltanto sulle informazioni fornite nel prompt, ma anche sul contesto specifico dell’applicazione: dati, struttura, strumenti e azioni disponibili.

Nel caso di Shopify, Sidekick opera direttamente nel pannello di amministrazione e può utilizzare i dati dello store, comprendere i workflow commerciali ed eseguire attività in base alle autorizzazioni dell’utente. La documentazione Shopify lo descrive come un assistente capace di generare contenuti, creare app e completare operazioni attraverso il linguaggio naturale, mantenendo il contesto specifico del negozio.

Con Canvas, Shopify estende questo modello alla progettazione dello store. Il nuovo workspace visuale consente a Sidekick di lavorare insieme al merchant sull’intero progetto, utilizzando come contesto pagine, componenti, sistema di design e file del tema. L’intervento dell’AI può quindi partire dalla modifica di un singolo elemento e arrivare a cambiamenti coordinati tra più pagine o a un redesign più ampio dello store.

 

La scala raggiunta dalle funzioni già disponibili dà anche una misura dell’utilizzo: nella prima metà del 2026 Sidekick ha effettuato oltre 25 milioni di modifiche ai temi degli store Shopify. Canvas amplia ora quel meccanismo, aggiungendo una superficie visuale condivisa nella quale merchant e agente AI possono osservare il risultato, modificarlo e iterare sul progetto.

L’intero store diventa uno spazio di lavoro visuale

Canvas rappresenta le diverse pagine dello store all’interno di un’unica superficie. Il merchant può spostarsi tra le pagine, esaminare l’esperienza nel suo complesso e quindi concentrarsi su una singola sezione o componente.

Gli elementi possono essere selezionati e modificati direttamente, oppure il merchant può chiedere a Sidekick di effettuare gli stessi interventi attraverso il linguaggio naturale, visualizzandone immediatamente il risultato.

La superficie mostrata dal nuovo ambiente non costituisce una semplice rappresentazione statica del sito. Canvas utilizza il rendering del codice effettivo dello store e consente di esplorare pagine, animazioni, prodotti e collezioni, oltre a verificare il comportamento su differenti dimensioni dello schermo prima della pubblicazione.

Si può così partire da una modifica circoscritta, per esempio una sezione della homepage, e arrivare a interventi coordinati su più template o a un redesign esteso dello store.

Sidekick interviene direttamente sui file del tema

Per consentire a Sidekick di affrontare operazioni di maggiore portata, Shopify ne ha esteso l’accesso all’architettura dei temi. L’agente può ora lavorare direttamente sui file che compongono il tema, navigando tra template e componenti e applicando modifiche coordinate.

Shopify ha anche semplificato l’architettura dei temi per rendere struttura, logica ed elementi di design più facilmente interpretabili dall’agente. Durante il processo Sidekick valida il codice e utilizza schermate di anteprima per controllare visivamente gli effetti degli interventi effettuati.

È un’evoluzione rispetto alla semplice generazione di codice. Per modificare un intero store, Sidekick deve comprendere la struttura esistente, individuare i file coinvolti, mantenere la coerenza tra le modifiche e valutarne il risultato visuale.

Shopify definisce infatti Sidekick un coding agent progettato per il commercio. L’agente era già in grado di generare applicazioni, creare sezioni personalizzate dei temi e apportare modifiche allo store; Canvas amplia il contesto sul quale può operare e rende visibile al merchant il processo di progettazione.

Il design entra nel ciclo di lavoro dell’agente AI

Il problema non riguarda soltanto la produzione di codice funzionante. Ogni tema definisce anche relazioni tra componenti, pattern grafici e principi progettuali che devono rimanere coerenti quando l’AI interviene su più elementi.

“Era relativamente semplice chiedere a Sidekick di scrivere codice. Più complesso era guidarlo verso decisioni di design efficaci”, spiega Austin Knight, Design Director di Shopify. “Ogni tema ha una propria logica progettuale, fatta di componenti, pattern e principi distintivi. Canvas offre a Sidekick una base da cui partire per proporre direzioni di design coerenti, personalizzate e capaci di stimolare la creatività dei merchant”.

Canvas aggiunge quindi al contesto tecnico anche quello visuale. Sidekick può fare domande, proporre diverse direzioni e recepire i feedback successivi mantenendo il contesto delle decisioni già prese.

Merchant e agente lavorano sullo stesso progetto e sullo stesso risultato visuale: l’utente può partire da un’indicazione generale sull’aspetto desiderato oppure da un progetto già definito, ottenere una prima implementazione e utilizzarla come base per le successive iterazioni.

Dalla modifica di una sezione al redesign dello store

L’estensione del contesto disponibile all’agente permette di ampliare anche la scala degli interventi. Sidekick può agire sul singolo componente, modificare una pagina oppure coordinare cambiamenti distribuiti sull’intero tema.

Per Ben Sehl, Director of Product di Shopify e co-fondatore di Kotn, la combinazione tra generazione del codice e progettazione assistita riduce sensibilmente il lavoro richiesto per costruire uno store personalizzato.

“Oggi, un imprenditore su Shopify può creare in venti minuti uno store completamente personalizzato, con un livello qualitativo molto superiore rispetto a quello che ero riuscito a realizzare allora”, afferma Sehl. “Con Canvas vogliamo aiutare un numero sempre maggiore di imprenditori ad avvicinarsi alla versione del proprio store che hanno in mente”.

I venti minuti citati da Sehl descrivono un esempio indicato dal manager, mentre la novità tecnica di Canvas riguarda soprattutto l’ampliamento del perimetro entro il quale Sidekick può intervenire: dalla generazione di una sezione o dalla modifica di alcuni parametri del tema fino alla possibilità di operare sull’insieme dei file e degli elementi che definiscono l’esperienza dello store.

Canvas affianca per ora l’editor esistente

Canvas sarà distribuito progressivamente ai merchant nei prossimi giorni. Shopify precisa tuttavia che il nuovo ambiente è ancora in una fase iniziale e che non sostituisce per ora l’editor esistente. L’azienda riconosce inoltre che restano funzionalità da completare e aspetti del prodotto da affinare.

Il nuovo workspace introduce quindi un secondo modello di interazione con lo store, nel quale selezione visuale, linguaggio naturale e intervento diretto dell’agente sul codice convivono nello stesso spazio di lavoro.

Per Shopify è anche un’estensione della logica già alla base di Sidekick: rendere l’AI sempre meno un assistente separato dal software e sempre più un livello attraverso il quale utilizzare dati, funzioni e struttura dell’applicazione. Con Canvas questo approccio viene applicato alla progettazione dello store, fornendo all’agente contemporaneamente contesto commerciale, struttura tecnica e rappresentazione visuale del progetto.

Se questo articolo ti è piaciuto e vuoi rimanere sempre informato sulle novità tecnologiche

LASCIA UN COMMENTO

Inserisci il tuo commento
Inserisci il tuo nome