Lezione 2 di 3 · 5 min

Arrivare da Sketch o da Adobe XD

Se progetti già in Sketch o in Adobe XD, quasi tutto quello che sai funziona anche in Figma. La parte difficile non è imparare lo strumento, è decidere cosa portarti dietro e cosa lasciare dov'è.

Da Sketch: importa il file

Sketch ha cambiato il modo di progettare interfacce, e Figma parte dalle stesse idee, quindi riconoscerai quasi tutti gli strumenti appena lo apri. In Sketch non c'è un bottone per esportare verso Figma, ma non serve: dalla home di Figma clicca Import e scegli il file .sketch. Da dentro un file lo stesso comando sta nel menu principale, in File, New from Sketch File.

Cosa tiene un file Sketch importato, una riga alla volta. Struttura e simboli arrivano, gli stili no, quindi metti in conto un po' di pulizia.

I file grandi e i design system completi chiedono un po' di cura dopo l'importazione: riordina i livelli, controlla i componenti, rifai gli stili e riassegnali. Se ti servono solo poche schermate, va bene anche copia e incolla.

Da Adobe XD: copia, esporta o converti

Figma non apre i file .xd. Per progetti semplici puoi copiare e incollare artboard e livelli, oppure esportarli in SVG e rimetterli insieme in Figma. In tutti e due i casi tieni l'aspetto, non la costruzione: niente struttura, niente componenti, niente stili.

  • Rifare a manopiù lento, ma ottieni un file pulito e il controllo completo
  • Servizio di conversioneuno strumento esterno a pagamento trasforma .xd in .fig e fa risparmiare ore sui file grandi

Non devi spostare tutto

Cambiare strumento non vuol dire migrare ogni vecchio progetto. Tieni Sketch o XD per le modifiche veloci sui file vecchi e inizia quelli nuovi in Figma. Di solito è il modo più rapido per far funzionare il passaggio.

Prova tu

  1. Scegli un file Sketch piccolo, oppure due o tre artboard di XD.
  2. Importa il file Sketch dalla home, oppure incolla le artboard di XD in un nuovo file Design.
  3. Apri il pannello dei livelli e scrivi cosa dovresti sistemare: stili, componenti, nomi.

Da ricordare

  • I file Sketch si importano direttamente, i simboli diventano componenti.
  • Gli stili non arrivano: rifalli dopo l'importazione.
  • I file XD non si aprono: copia, esporta in SVG o usa un convertitore.
  • Inizia i progetti nuovi in Figma, tieni i vecchi strumenti per i file vecchi.