Strumenti di Acquisizione

Fornisci all’AI un contesto visivo preciso. Screenshot, selezione di elementi e immagini.

Più il contesto visivo che fornisci all’AI è preciso, migliori saranno le modifiche. Proyecta include diversi strumenti di acquisizione.

Selezionare un elemento (Visual Editor)

In modalità Visual Editor, ogni elemento nell’anteprima diventa cliccabile. Passa il cursore per evidenziarlo, clicca per selezionarlo. L’elemento selezionato viene evidenziato con un overlay e le sue proprietà modificabili (testo, colori, spaziatura, font, bordi, effetti) appaiono nel pannello laterale.

Una volta selezionato un elemento, puoi:

• Modificarlo direttamente — cambia le proprietà inline senza scrivere alcun prompt
• Chiedere all’AI — la selezione viene passata come contesto, così puoi dire "make this button bigger" o "move this section above the hero" e l’AI sa esattamente a cosa ti riferisci

Gli elementi dinamici (className calcolati, rendering condizionale, espressioni) ricadono automaticamente nella chat AI con un prompt strutturato.

Consulta Visual Edit per l’elenco completo delle proprietà modificabili.

Incollare o trascinare screenshot nella chat

L’input della chat accetta immagini direttamente:

1. Incolla — copia uno screenshot con la scorciatoia del tuo sistema operativo (Cmd+Shift+4 su Mac, Win+Shift+S su Windows) e incollalo nella chat
2. Trascina — rilascia qualsiasi file immagine sull’input della chat

Formati supportati: PNG, JPEG, WebP, GIF, AVIF. Dimensione massima: 10 MB per immagine.

Screenshot dell’anteprima

L’AI può scattare i propri screenshot dell’anteprima in qualsiasi momento tramite lo strumento integrato preview_screenshot. I risultati degli screenshot appariranno inline nella chat. L’AI lo invoca automaticamente quando ha bisogno di verificare le proprie modifiche o di comprendere lo stato attuale della tua app.

Lo strumento screenshot può puntare a route specifiche (es. /dashboard, /settings) e acquisisce le dimensioni, aiutando l’AI a ragionare su layout e spaziatura.

Domande frequenti

Come faccio a indicare all’AI un pulsante o un testo specifico?

Usa la modalità Visual Editor e clicca sull’elemento. Questo passa all’AI un riferimento preciso e strutturato — molto più efficace che descrivere l’elemento a parole.

Prossimamente

I seguenti strumenti di acquisizione sono implementati internamente ma non ancora esposti nell’interfaccia:

• Annotate — acquisisci l’anteprima corrente e disegna frecce, rettangoli, cerchi, tratti a mano libera ed etichette di testo prima di inviarla all’AI.
• Screen Record — registra un’interazione a più passaggi (clic, navigazione, animazioni) e allega i fotogrammi acquisiti al tuo messaggio in chat. Ideale per bug legati al timing che un singolo screenshot non riesce a catturare.