URL to Figma: incolla un link, ottieni layer modificabili

Incollare un link sembra istantaneo, ma il servizio di acquisizione fa diverse cose perché il risultato corrisponda a ciò che vede un visitatore.

1. Caricamento isolato. La pagina si apre in un browser Chromium in sandbox, che gira nel proprio container con restrizioni seccomp. Ogni richiesta passa per la protezione SSRF, quindi un URL non può essere usato per raggiungere indirizzi interni.
2. Pulizia. Con Hide cookie banners & popups attivo, banner del consenso e overlay vengono rimossi prima dell'acquisizione.
3. Contenuti lazy. La pagina viene fatta scorrere perché immagini e sezioni caricate durante lo scroll siano presenti al momento dell'acquisizione.
4. Immobilità. Le animazioni vengono congelate e il WebGL viene fermato dopo pochi fotogrammi, così niente viene acquisito a metà transizione.
5. Misurazione. Viene misurata la larghezza di design reale: 1920 per i design a tutta larghezza, la larghezza del contenitore per i siti boxed, 1440 per quelli fluidi.
6. Consegna. La struttura acquisita viene consegnata al tuo plugin una sola volta, poi eliminata dalla memoria.

Le immagini vengono elaborate da un container di decodifica separato, senza accesso a internet. Il plugin costruisce poi i layer localmente in Figma e applica l'Auto Layout verificato. Per le pagine in altre lingue, l'opzione Page language ti permette di scegliere una di 15 lingue sui siti multilingue. La documentazione spiega ogni opzione.

Nella maggior parte dei casi un'importazione da URL non richiede altro che le opzioni predefinite. Quando vuoi regolarla, alcune impostazioni fanno la differenza maggiore:

Schermate

Ogni schermata in più è un'altra acquisizione. Le schermate di una pagina vengono eseguite in parallelo, e un responsive set completo conta comunque come un'unica importazione. Free acquisisce una schermata per importazione; Pro e Team ne consentono fino a quattro.

Full page

Acquisire l'intera pagina a scorrimento ti dà il design completo. Disattivala quando ti serve solo la parte alta della pagina.

Images

Lascia attive le immagini per un risultato finito, oppure disattivale quando ti interessano solo layout e tipografia.

Extra wait (Pro)

Alcune pagine continuano a caricare contenuti dopo essere sembrate pronte. Extra wait concede loro più tempo, così anche le sezioni tardive vengono incluse.

Detailed layers (Pro)

Un'opzione per quando vuoi un albero dei layer più dettagliato da ispezionare, invece della struttura predefinita.

Se una pagina viene tagliata da un limite del piano, il risultato mostra una striscia viola Capture limit ben visibile, così sai sempre se stai guardando la pagina intera. Per le differenze tra i piani, vedi i prezzi.

Incollare un URL significa che il nostro servizio di acquisizione visita quella pagina per conto tuo, quindi è giusto chiedersi cosa succede ai dati.

• Il rendering avviene in un browser isolato e in sandbox.
• Il risultato viene consegnato al tuo plugin una sola volta, poi eliminato dalla memoria. Non viene mai scritto su disco.
• Il record del job viene dimenticato dopo 15 minuti.
• I log sono limitati: il registro delle importazioni è conservato per 180 giorni, con l'indirizzo IP rimosso dopo 30 giorni, e il registro di sicurezza per 90 giorni.
• Nessun tracciamento: niente cookie, analytics o pixel di tracciamento nel plugin, nell'estensione o nel sito web, e i dati non vengono mai venduti.

Anche la tua identità resta minima. L'identificativo dell'account è derivato dal tuo ID utente Figma e non riceviamo mai da Figma il tuo nome o la tua email. Il plugin non legge il contenuto del tuo file Figma. Scrive nuovi layer e legge solo i metadati dei propri frame, come URL sorgente e larghezza.

Un'importazione da URL funziona solo per le pagine che il servizio di acquisizione può raggiungere come visitatore anonimo. Per tutto ciò che è protetto da login, l'estensione Chrome acquisisce invece nel tuo browser. Tutti i dettagli sono nella pagina sulla sicurezza.