Pensato per il modo in cui costruisci siti.
Quattro modi di usare Pickode: da rifare una sezione in un builder WordPress a mandare un report al cliente prima della prima call.
Freelance WordPress
Rifai una sezione in Bricks o Elementor in pochi minuti.
Vedi una sezione che ti piace su un sito di riferimento e il cliente vuole qualcosa di simile. Invece di ricostruirla guardando uno screenshot, portala nel tuo builder come elementi modificabili, poi mostra al cliente un report sul suo sito attuale.
Il piano giustoPro: tutti gli export per i builder e il report cliente.
Un flusso tipico
- 01Seleziona la sezione sul sito di riferimento con l'inspector.
- 02Copia per Bricks e premi ⌘V, oppure scarica il modello Elementor e importalo.
- 03Sistema testi e immagini, poi manda al cliente il report sul suo sito attuale.
Le funzioni che userai
- ProExport BricksCopia qualsiasi sezione e incollala in Bricks come elementi nativi e modificabili. — Scopri di più
- ProExport ElementorQualsiasi sezione in contenitori e widget Elementor nativi e modificabili. — Scopri di più
- ProReport clienteUn report HTML con punteggi, priorità, SEO, velocità, accessibilità, GEO e tecnologie. — Scopri di più
- Pannello WordPressTema, child theme, plugin, builder e WooCommerce di qualsiasi sito WordPress. — Scopri di più
Agenzie
Analizza il sito del cliente prima della prima call.
Inizia ogni progetto sapendo tema, plugin, velocità e accessibilità del sito attuale del cliente, e consegna un report con il vostro logo. Poi ricostruisci le sezioni che servono nel builder che usa il team.
Il piano giustoTeam: 5 persone, 3 browser ciascuna, report cliente con il vostro logo.
Un flusso tipico
- 01Apri i pannelli WordPress, performance, accessibilità e GEO sul sito del cliente.
- 02Genera il report cliente in italiano o inglese, con la vostra intestazione e i vostri colori.
- 03Ricostruisci le sezioni concordate in Bricks o Elementor.
Le funzioni che userai
- ProReport clienteUn report HTML con punteggi, priorità, SEO, velocità, accessibilità, GEO e tecnologie. — Scopri di più
- Pannello WordPressTema, child theme, plugin, builder e WooCommerce di qualsiasi sito WordPress. — Scopri di più
- AccessibilitàAudit WCAG 2.2 AA con axe-core e mappa del contrasto per ogni testo. — Scopri di più
- GEO · ricerca AIPunteggio di prontezza per la ricerca AI, regole robots.txt per i crawler AI e bozza di llms.txt. — Scopri di più
Sviluppatori front-end
Estrai un componente con breakpoint e stati.
Esporta un componente in React + Tailwind, Vue o Astro dal CSS scritto dall'autore, con media query, stati hover e variabili intatti, e porta i design token del sito nel tuo tema.
Il piano giustoPro: export illimitati in tutti i formati.
Un flusso tipico
- 01Seleziona il componente e scegli React, Tailwind, Vue o Astro.
- 02Controllalo nell'anteprima isolata a 375, 768, 1024 e 1280 px.
- 03Esporta i token del sito come @theme di Tailwind o globals.css di shadcn.
Le funzioni che userai
- Da sito a codiceQualsiasi sezione in React, HTML, Tailwind, Vue, Astro, Bricks o Elementor. — Scopri di più
- Design tokenColori, spaziature, tipografia, raggi e ombre di un sito come token pronti. — Scopri di più
- Copia per AIUn testo Markdown di qualsiasi componente per Claude, ChatGPT, Cursor o v0. — Scopri di più
- InspectorBox model, modifica CSS live, misure, griglia e CSS salvato per sito. — Scopri di più
Web designer
Raccogli colori, font e asset da qualsiasi pagina.
Costruisci una moodboard da siti veri: prendi i colori con il contagocce, scopri quali font usa una pagina, scarica immagini, SVG e animazioni Lottie e cattura screenshot della pagina intera o anteprime sui dispositivi.
Il piano giustoGratis per iniziare; Pro per ZIP, font, Lottie e tutti i dispositivi.
Un flusso tipico
- 01Prendi colori e font con l'inspector e il contagocce.
- 02Scarica immagini, SVG, icone e animazioni Lottie dal pannello asset.
- 03Cattura screenshot della pagina intera e anteprime su 27 dispositivi.
Le funzioni che userai
- Contagocce e coloriContagocce e palette completa di qualsiasi pagina, in HEX, RGB o HSL. — Scopri di più
- Font della paginaFamiglie, pesi, dimensioni e @font-face caricati in qualsiasi pagina. — Scopri di più
- Asset e mediaOgni immagine, SVG, font, video e audio che la pagina carica. — Scopri di più
- ResponsiveQualsiasi pagina su 27 dispositivi affiancati, con cornici, rotazione e scroll sincronizzato. — Scopri di più
Smetti di ricostruire. Inizia a selezionare.
Installa Pickode, apri un sito qualsiasi e premi Alt+I.
Gratis · prova Pro di 7 giorni · nessun account