In questo articolo:
Se utilizzi Chrome versione 95 o superiore, non avrai bisogno dell'estensione Moqups per attivare il contagocce.
Se usi il browser Chrome di Google per accedere alla nostra app, l'estensione ufficiale Moqups per Google Chrome aggiungerà le seguenti funzionalità e caratteristiche:
- Acquisisci screenshot nella libreria
- Abilita il contagocce per il selettore colore
- Crea progetti e vai a Moqups
In questo articolo imparerai come installare l'estensione in Chrome e come usarne le funzionalità.
Installa l'estensione Moqups
- Visita il Chrome Web Store oppure, dall'interno dell'app Moqups, fai clic sul contagocce nel selettore colore e segui il link.
- Dopo aver installato l'estensione, il pulsante blu Moqups apparirà a destra della barra degli indirizzi del browser.
- Per attivare il contagocce, dovrai aggiornare le schede che hanno l'app Moqups attualmente aperta.
Acquisisci screenshot
Con l'estensione puoi acquisire l'area visibile di un sito web, una selezione specifica o un'intera pagina – e aggiungere quegli screenshot immediatamente alla libreria delle immagini del tuo team. Questo fa risparmiare tempo quando stai creando una mood board, cercando ispirazione, facendo ricerche sulla concorrenza o creando mockup veloci.
Per acquisire screenshot:
- Fai clic sull'icona dell'estensione Moqups a destra della barra degli indirizzi del browser
- Seleziona una delle opzioni di acquisizione screenshot della pagina
- Area visibile acquisirà solo ciò che è attualmente visibile nella finestra del browser
- Area selezionata ti permetterà di fare clic e trascinare per scegliere una parte specifica della finestra
- Intera pagina acquisirà l'intera pagina web
-
Il tuo screenshot si aprirà in una nuova scheda del browser; qui puoi nominarlo, salvarlo direttamente nella libreria delle immagini del team in Moqups – o annullare se vuoi riprovare!
-
Una volta fatto clic sul pulsante 'Salva su Moqups' e l'immagine è stata caricata, fai clic sul pulsante 'Fatto! Vai a Moqups' per passare al tuo progetto.
Abilita il contagocce
Per le versioni di Chrome precedenti alla 95, la nostra estensione abilita anche il contagocce dell'app – così puoi puntare a qualsiasi colore sulla pagina e applicarlo immediatamente ai tuoi elementi di design.
L'installazione dell'estensione – e l'aggiornamento delle schede Moqups aperte – attiverà automaticamente il contagocce. Troverai l'icona del contagocce nel selettore colore del pannello di formattazione.
Per usare il contagocce e selezionare i colori:
- Fai clic sull'icona del contagocce per aprire una finestra di ispezione nell'angolo in alto a destra dello schermo.
- Man mano che sposti il cursore a mirino sulla pagina, la finestra visualizzerà una vista ravvicinata dei pixel sottostanti, nonché i loro valori RGB e Hex.
- Fai clic per selezionare il colore sotto il cursore.
Crea progetti e vai a Moqups
Puoi creare immediatamente un nuovo progetto o andare direttamente alla Dashboard del tuo account premendo il pulsante Moqups nell'angolo in alto a destra del browser.
Questo è particolarmente utile quando si passa tra più schede nel browser – o si acquisiscono screenshot per creare mood board, mockup e storyboard.
Domande e risposte
Perché il contagocce funziona solo se si usa un'estensione del browser?
Per fornire tutte queste funzionalità – incluso il contagocce – abbiamo scelto di affidarci alle estensioni di Chrome e Firefox per ragioni sia tecniche che di sicurezza. Per una spiegazione completa di questa scelta e del ragionamento alla base, consulta il nostro articolo del blog.
Questa estensione è disponibile per altri browser?
Al momento, la nostra estensione è disponibile per Chrome e Firefox – e gli utenti di Brave possono installare la versione Chrome. Stiamo lavorando a un'estensione per Safari, ma potrebbe richiedere un po' più di tempo per essere implementata.