← Torna alle funzionalità
Pro

Sposta elemento

Sposta elemento ti permette di cliccare su qualsiasi elemento e trascinarlo fisicamente in una nuova posizione.

Le discussioni di design spesso includono 'E se spostassimo questo bottone sopra il fold?' Sposta elemento abbrevia questo processo. Basta cliccare, trascinare e vedere il risultato.

Anteprima dal vivo
example.com/landing Move Mode: ON
Subscribe Now
Dragging this button...
Subscribe Now
Original position
↩ Undo ✓ Snap to Grid ⊞ Show Guides
Caratteristiche principali

Clicca e trascina qualsiasi elemento

Clicca su qualsiasi elemento e trascinalo liberamente in una nuova posizione.

Guide di allineamento intelligenti

Mentre trascini, appaiono linee di allineamento tratteggiate quando l'elemento si allinea con i bordi di altri elementi.

Indicatore posizione fantasma

La posizione originale è segnata con un contorno tratteggiato 'fantasma'.

Supporto Annulla/Ripeti

Fatto uno spostamento sbagliato? Clicca Annulla per ripristinare istantaneamente.

Sposta più elementi

Riordina diversi elementi in sequenza. Ogni spostamento è indipendente e annullabile.

Completamente non distruttivo

Tutte le modifiche esistono solo nel rendering del browser. Aggiorna la pagina e tutto torna alla normalità.

Casi d'uso comuni

Testare alternative di layout

Il pulsante CTA funzionerebbe meglio sopra il fold? Sposta gli elementi per provare layout diversi.

Presentazioni clienti

Durante una call con il cliente, trascina elementi per esplorare opzioni di layout in tempo reale.

Prototipazione senza codice

Riordina gli elementi per prototipare una nuova direzione di design senza toccare codice.

Debug sovrapposizione e z-index

Se gli elementi si sovrappongono, trascinane uno per vedere cosa c'è sotto.

Revisione accessibilità — ordine tab

Sposta elementi visivi per corrispondere all'ordine tab atteso e identificare problemi di accessibilità.

Come usare
1

Attiva Sposta elemento

Apri il dock e clicca sull'icona Sposta elemento.

2

Clicca per selezionare

Clicca sull'elemento da spostare. Riceve un bordo viola evidenziato.

3

Trascina nella nuova posizione

Tieni premuto e trascina nella posizione desiderata.

4

Rivedi e regola

Rilascia il mouse. Confronta con il contorno fantasma.

5

Aggiorna per resettare

Aggiorna la pagina per ripristinare tutte le posizioni originali.

Pronto a provare? Sposta elemento?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox