Indietro

Cattura sito web in Figma

Guida passo-passo.

1

Installa estensione Chrome

Vai al Chrome Web Store, clicca 'Aggiungi a Chrome'.

2

Cattura pagina intera

  1. Naviga alla pagina.
  2. Clicca l'icona PixelSync.
  3. Clicca 'Cattura pagina intera'.
  4. Copiato automaticamente.
💡Scorri prima per lazy-loading.
3

Seleziona elemento

Modo 'Seleziona elemento':

  1. Icona PixelSync.
  2. 'Seleziona elemento'.
  3. Clicca l'elemento.
💡Ideale per componenti singoli.
4

Incolla in Figma

Figma, ⌘V (o Ctrl+V).

Nessun plugin.

5

Cattura design IA ⭐ In evidenza

Il modo più veloce per portare design IA in Figma. Funziona su qualsiasi pagina web.

Claude

Artifacts Claude dal browser.

ChatGPT

Canvas, HTML/CSS, pagine renderizzate.

v0

Pagine o componenti v0.

Bolt

App Bolt o sezioni.

Lovable

Pagine Lovable in livelli Figma.

💡Potente per iterazione design.
6

Pulizia intelligente

Attiva 'Pulizia intelligente' prima della cattura.

💡Per HTML profondamente annidato.
7

Pagine con login

Cattura tutto nel browser — pagine autenticate incluse.

Le credenziali non lasciano mai il dispositivo.

8

Layout mobile/tablet

Cattura il viewport attuale. Per mobile:

  1. DevTools (F12) o ridimensiona.
  2. Larghezza desiderata (375px).
  3. Ricarica.
  4. Cattura.
9

Modo scuro/chiaro

Cattura prefers-color-scheme attuale. Per entrambi i temi:

  1. Cattura nel tema attuale.
  2. Cambia aspetto del sistema.
  3. Ricarica e ricattura.
10

Consigli

  • •Scorri prima.
  • •Selezione per pagine complesse.
  • •Pulizia intelligente.
  • •Font in font-family.
  • •CSS complesso semplificato.
  • •Immagini cross-origin vuote.
  • •Punto di partenza.
  • •Nessun scroll automatico.

Pronto a provare?

Gratuito — 15 catture/mese.

Installa gratis