Vai al contenuto
Pickode
EN – English
Pickode

Primi passi

Primi passi

Un giro di cinque minuti in Pickode: apri l'inspector, seleziona ed esporta un elemento, guarda colori e font, avvia le analisi e salva nella libreria.

Aggiornata il 20 ottobre 2026

Questo giro dura circa cinque minuti e ti mostra le cose principali che fa Pickode: ispezionare, esportare, analizzare e salvare. Apri un sito che conosci bene e segui i passi. Se non hai ancora installato Pickode, parti da Installazione.

Un primo giro

  1. Apri l’inspector. Premi Alt+I. Passa sopra un elemento: vedi il box model e un tooltip con dimensioni, font, colori e contrasto WCAG.

  2. Seleziona un elemento. Clicca una card o una sezione. Spostati sul genitore o sui figli finché hai esattamente il blocco che ti serve, poi prova a cambiare un valore con ↑/↓.

  3. Esportalo. Esporta l’elemento selezionato in HTML + CSS, React, Tailwind, Vue o Astro, oppure per Bricks ed Elementor. Pickode usa solo il CSS scritto dall’autore, quindi media query e stati hover restano. Un’anteprima isolata lo mostra a 375, 768, 1024 e 1280 px.

  4. Guarda colori e font. Apri Colori per la palette di testi, sfondi e bordi, con il contagocce. Apri Font per tutte le famiglie, i pesi e le dimensioni della pagina.

  5. Avvia un’analisi. Prova i pannelli SEO, tech stack, WordPress, performance, accessibilità e GEO per capire come è fatto il sito e cosa correggere.

  6. Salva nella libreria. Salva un componente, una palette o un set di design token per ritrovarlo più tardi.

Premi Esc per chiudere un livello alla volta. Tutte le scorciatoie sono in Scorciatoie da tastiera.

Free e Pro

La versione gratuita è pensata per essere utile da sola. Pro sblocca tutti i formati di export, i builder, i report e gli strumenti per i media.

Funzione Free Pro
Inspector, modifica live, misure, griglia ✓ ✓
Colori, contagocce, font, mappa contrasto ✓ ✓
SEO, tech stack, punteggio e correzioni GEO ✓ ✓
Export HTML + CSS 5 a settimana Illimitato
Export React, Tailwind, Vue, Astro, Bricks, Elementor Anteprima parziale ✓
Design token in ogni formato ✓ ✓
Copia per AI — ✓
Pannello WordPress / WooCommerce Riepilogo Completo
Performance e accessibilità Punteggi Dettaglio e suggerimenti
Report cliente — ✓
Libreria 10 elementi Illimitata + sincronizzazione Google Drive

Il confronto completo è nella pagina prezzi.

Dove andare dopo

Correlati

Ancora bloccato?Contattaci