Considerato che non ho nessuna esperienza ma tanta voglia di imparare devo dirti che pare davvero semplice da come lo spieghi.... Ti farò sapere se riesco a metterlo in pratica! Comunque grazie mille
@@Marchetti_Design Gentilissimo! Mi potresti dire come mai non funziona il Control d sul mio Windows? Ho iniziato a provare come ci hai detto ma non mi duplica...
sono uno sviluppatore fullstack freelance e mi sto divorando i tuoi video. Mi sono sempre affidato per avere un riferimento di partenza grafico, ho pensato che è momento di iniziare a farmeli da me :D
Eccolo l'appuntamento della settimana. Difficilmente riuscirò a rinunciare ad Adobe XD, ma provare i software mi piace troppo. Questa sarà la giusta occasione per provare bene Figma.
Spieghi in modo davvero chiaro e conciso! Io mi sto avvicinando per la prima volta a questo mondo e vorrei chiederti se Inkscape è un buon programma per iniziare e se rispetto a Figma, presenta molte differenze. Grazie in anticipo!
Buongiorno sig. Marchetti, grazie per le informazioni di questa utile guida. Avrei una domanda da farti, è possibile realizzare un layout con un immagine ad alta definizione "in movimento, per capirci, una sorta di google- heart visto dallo spazio e con le luci dalla notte al giorno? grazie Dimenticavo, il layout dev'essere realizzato per una web-app
ciao, ho visto che quando inserisci un immagine o un rettangolo, questo rimane comunque nel layer (non si vede " l'eccesso" dell'immagine se non durante la lavorazione, poi puntando il cursore in un altro punto, la punte della scarpa [che non rientrava nel layer] scompare). come mai a me non succede? le foto e i rettangoli a me ad es. si vedono anche oltre il layer e sono perciò costretto a farli precisi, senza poter eccedere.
Si scrive il codice a manina, se vuoi imparare come farlo professionalmente in modo efficace dai un occhiata qui: ua-cam.com/video/J105EZXr57M/v-deo.html
@@Marchetti_Design quindi su questo rispetto ad Adobe XD cambia poco? Rimane pure Figma un solo software di progettazione grafica, senza la possibilità di pibblicare il sito finito come si poteva fare con l'ottimo Adobe Muse, aihmè abbandonato. Grazie
Perdona la domanda magari sciocca, di solito i lavori li salvo in cartelle sul locale, non ho niente nel cloud, come gestisco tutti questi lavori con Figma se vengono lasciati sul cloud? Altra domanda, se devo condividere il file con uno sviluppatore X, ma voglio che la mia copia originale sia mantenuta senza che nessuno lo tocchi come faccio?
@@Marchetti_Design sono duro di comprendonio... Che senso ha creare un sito in Figma se poi devo usare un editor html? Tanto fa usare direttamente un editor html, o no? Proprio non ci arrivo
@@receitasdecomidacaseiraita6218 perchè a fare una modifica su figma ci metti un secondo a fare una modifica via codice e con altri sistemi molto di più, hai poi vincoli che non ti permettono di creare e sperimentare creando un design perfetto per l'utente
@@Marchetti_Design scusami, sono rimasto ancora a Dreamweaver e agli anni 90 e la tua risposta non mi è chiara. Vorrei ben capire quale potrebbe essere l'utilità di Figma per la creazione del mio sito in html o PHP... Figma è un programma vettoriale con il quale si può simulare il design di una interfaccia utente, giusto? Il file vettoriale creato da Figma però non può essere semplicemente trasformato in un file .html o .PHP per la visualizzazione su un browser, quindi bisogna usare un editor html o un software CMS tipo Wordpress. Di conseguenza una modifica visuale apportata al file Figma è semplice ed immediata ma poi la modifica deve essere fatta al file .html o .php che verrà visualizzato dal browser. Allora che ci faccio con il file vettoriale generato da Figma? Sinceramente continuo a non capire
@@receitasdecomidacaseiraita6218 purtroppo probabilmente non hai mai avuto occasione di avere qualche designer bravo che collaborasse con te e ti spiegasse. Comprendo che se si ha la testa da sviluppatore sia un po' difficile, come se si ha la testa da designer spesso non si comprende che si deve lavorare per lo sviluppo e non per un' interfaccia superfica che poi è difficile da sviluppare. infatti uno dei problemi più grandi è la comunicazione tra UX designer e developer. In giro vedi video UI che fanno robe assurde e poi c'è sempre qualche developer che piange per svilupparle e a ragion veduta. Credo che tu sia confuso anche perchè con tutto il rispetto questo video mostra le basi, ma non parla ad esempio di colonne (fondamentali per un corretto layout), è solo puramente grafica. Ma FIGMA è molto ma molto di più, e ti permette di collaborare e di fare cose in maniera molto più veloce rispetto a qualunque altro tool. Prova magari a guardare anche i video direttamente dall'account di Figma.
Figma serve a fare il design in modo veloce, poi fai il codice a manina del sito con le giuste strategie e skills sei molto piu veloce di un builder, lo vediamo nei corsi pro
Ciao, video non bello di più! Dato che stavo seguendo passo passo questo esempio volevo dirti che sono arrivato alla fine ( importare le icone social dall'altro progetto) e il copia incolla non va. So che è una fesseria ma non capisco cosa c'è che non va. Grazie e seguirò tutti i tuoi video
intendo registrare lo schermo e mettere la tua faccia nella finestrella che all'occorrenza si può spostare oltre a mostrare cosa viene digitato nella tastiera 😄
Faccio una domanda al gruppo, magari qualcuno mi può aiutare. E' possibile e come si può integrare della grafica animata fatta con Figma in altri tipo di codice, tipo .net, C#, ecc.
Io sulla grafica e la comunicazione me la cavo, ma se voglio imparare a farmi siti da solo quanto devo sapere di programmazione? perchè su quello sto a zero proprio…è sufficiente che mi guardo tutti i tuoi video? eheh
Non funziona perché figma non salva file in locale, l'unica eccezzione è quando la connessione smette di funzionare una volta aperto un file, in quel caso una copia locale viene salvata dal browser in attesa del ripristino della connessione, ma non puoi aprire altri file di figma nel mentre. La versione Desktop ha l'unico vantaggio di poter essere vista come "indipendente" rispetto al browser web e di poter importare automaticamente i font dal pc.
Finalmente qualcuno che ci illustri con competenza e utilità Figma! Applauso
Ho iniziato da pochi giorni con Figma e questo video mi è stato davvero utile! Verdò anche gli altri, Grazie :)
Grazie a te del feedback!
Considerato che non ho nessuna esperienza ma tanta voglia di imparare devo dirti che pare davvero semplice da come lo spieghi.... Ti farò sapere se riesco a metterlo in pratica! Comunque grazie mille
Daje!
@@Marchetti_Design Gentilissimo! Mi potresti dire come mai non funziona il Control d sul mio Windows? Ho iniziato a provare come ci hai detto ma non mi duplica...
Bel Videotutorial su Figma. Bravo Andrea
Il tuo video è stato super efficiente. grazie.
Grazie mille per questo video!
sono uno sviluppatore fullstack freelance e mi sto divorando i tuoi video.
Mi sono sempre affidato per avere un riferimento di partenza grafico, ho pensato che è momento di iniziare a farmeli da me :D
Ottima scelta stai aumentando il tuo valore! E il livello dei tuoi progetti!
Si mi è stato utile ciao a presto
Super come sempre 🤩
Eccolo l'appuntamento della settimana. Difficilmente riuscirò a rinunciare ad Adobe XD, ma provare i software mi piace troppo. Questa sarà la giusta occasione per provare bene Figma.
"design fico"? viva l'ottimismo!
Spieghi in modo davvero chiaro e conciso! Io mi sto avvicinando per la prima volta a questo mondo e vorrei chiederti se Inkscape è un buon programma per iniziare e se rispetto a Figma, presenta molte differenze. Grazie in anticipo!
Grazie del supporto, Meglio figma che è pensato per creare interfacce web 😉
@@Marchetti_Design Grazie!
non capisco una cosa---chi sara a rendere reattive le icone? questo progetto saras fatto in html? grazie
quoto
super
Buongiorno sig. Marchetti, grazie per le informazioni di questa utile guida. Avrei una domanda da farti, è possibile realizzare un layout con un immagine ad alta definizione "in movimento, per capirci, una sorta di google- heart visto dallo spazio e con le luci dalla notte al giorno? grazie
Dimenticavo, il layout dev'essere realizzato per una web-app
si basta inserire un video
ciao, ho visto che quando inserisci un immagine o un rettangolo, questo rimane comunque nel layer (non si vede " l'eccesso" dell'immagine se non durante la lavorazione, poi puntando il cursore in un altro punto, la punte della scarpa [che non rientrava nel layer] scompare). come mai a me non succede? le foto e i rettangoli a me ad es. si vedono anche oltre il layer e sono perciò costretto a farli precisi, senza poter eccedere.
una domanda: una volta ideato il design di un ipotetico sito, come importo la grafica creata con frigma nel sito reale?
Si scrive il codice a manina, se vuoi imparare come farlo professionalmente in modo efficace dai un occhiata qui: ua-cam.com/video/J105EZXr57M/v-deo.html
@@Marchetti_Design quindi su questo rispetto ad Adobe XD cambia poco? Rimane pure Figma un solo software di progettazione grafica, senza la possibilità di pibblicare il sito finito come si poteva fare con l'ottimo Adobe Muse, aihmè abbandonato. Grazie
Adoravo letteralmente ADOBE Muse, era assolutamente fantastico, e mi permetteva di fare tutto quello che mi passava per la testa! @@SanchezMusics
Perdona la domanda magari sciocca, di solito i lavori li salvo in cartelle sul locale, non ho niente nel cloud, come gestisco tutti questi lavori con Figma se vengono lasciati sul cloud?
Altra domanda, se devo condividere il file con uno sviluppatore X, ma voglio che la mia copia originale sia mantenuta senza che nessuno lo tocchi come faccio?
Figma e i tuoi file vivono solo in cloud, non puoi scaricarli è un modo nuovo (si fa per dire ormai sono quasi 10 anni) e moderno di lavorare.
Ciao, non ho capito come inserirlo magari su Wordpress e far si che le icone siano reattive (sono alle prime armi)
Devi scrivere il codice a manina, vediamo come farlo nei corsi pro
Ciao! Se posso chiederti, una volta che hai prototipato il tuo progetto, esporti il codice da figma o riscrivi a parte il tutto per fare il sito?
Ciao, scrivo a manina possibilmente utilizzando il tuo framework di partenza per ottimizzare i tempi
@@Marchetti_Design sono duro di comprendonio... Che senso ha creare un sito in Figma se poi devo usare un editor html? Tanto fa usare direttamente un editor html, o no? Proprio non ci arrivo
@@receitasdecomidacaseiraita6218 perchè a fare una modifica su figma ci metti un secondo a fare una modifica via codice e con altri sistemi molto di più, hai poi vincoli che non ti permettono di creare e sperimentare creando un design perfetto per l'utente
@@Marchetti_Design scusami, sono rimasto ancora a Dreamweaver e agli anni 90 e la tua risposta non mi è chiara. Vorrei ben capire quale potrebbe essere l'utilità di Figma per la creazione del mio sito in html o PHP...
Figma è un programma vettoriale con il quale si può simulare il design di una interfaccia utente, giusto?
Il file vettoriale creato da Figma però non può essere semplicemente trasformato in un file .html o .PHP per la visualizzazione su un browser, quindi bisogna usare un editor html o un software CMS tipo Wordpress.
Di conseguenza una modifica visuale apportata al file Figma è semplice ed immediata ma poi la modifica deve essere fatta al file .html o .php che verrà visualizzato dal browser.
Allora che ci faccio con il file vettoriale generato da Figma? Sinceramente continuo a non capire
@@receitasdecomidacaseiraita6218 purtroppo probabilmente non hai mai avuto occasione di avere qualche designer bravo che collaborasse con te e ti spiegasse. Comprendo che se si ha la testa da sviluppatore sia un po' difficile, come se si ha la testa da designer spesso non si comprende che si deve lavorare per lo sviluppo e non per un' interfaccia superfica che poi è difficile da sviluppare. infatti uno dei problemi più grandi è la comunicazione tra UX designer e developer. In giro vedi video UI che fanno robe assurde e poi c'è sempre qualche developer che piange per svilupparle e a ragion veduta. Credo che tu sia confuso anche perchè con tutto il rispetto questo video mostra le basi, ma non parla ad esempio di colonne (fondamentali per un corretto layout), è solo puramente grafica. Ma FIGMA è molto ma molto di più, e ti permette di collaborare e di fare cose in maniera molto più veloce rispetto a qualunque altro tool. Prova magari a guardare anche i video direttamente dall'account di Figma.
Una volta fatto il design, per cosa torna utile Figma in maniera pratica? Come si porta tutto online?
Figma serve a fare il design in modo veloce, poi fai il codice a manina del sito con le giuste strategie e skills sei molto piu veloce di un builder, lo vediamo nei corsi pro
@@Marchetti_Design Ma si potrebbe fare il design con qualunque software di grafica a questo punto?
Si può implementare a shopify?
è un bel casino lavorare custom su shopify meglio woocommerce
Non so se hai detto che c'è anche la possibilità di scaricare app desktop. Penso sia comodo in caso di modalià off-line
Ciao, video non bello di più! Dato che stavo seguendo passo passo questo esempio volevo dirti che sono arrivato alla fine ( importare le icone social dall'altro progetto) e il copia incolla non va. So che è una fesseria ma non capisco cosa c'è che non va. Grazie e seguirò tutti i tuoi video
con figma si possono creare anche loghi?
Si io lo uso anche per quello
Ciao, che programma hai usato per registrare questo tutorial?
intendo registrare lo schermo e mettere la tua faccia nella finestrella che all'occorrenza si può spostare oltre a mostrare cosa viene digitato nella tastiera 😄
Ma il piano gratuito permette di fare progetti illimitati o solo 3??
Puoi fare infinite bozze
c'è un modo per trasformare il progetto in codice?
Studiare html/css e js dai un occhiata ai corsi in descrizione ;)
E se uno volesse aggiungere in figma un font di adobe? Come si possono aggiungere nuovi font?
Cerca su google basta scaricare un plugin
Faccio una domanda al gruppo, magari qualcuno mi può aiutare. E' possibile e come si può integrare della grafica animata fatta con Figma in altri tipo di codice, tipo .net, C#, ecc.
Si basta saper programmare con il linguaggio che vuoi utilizzare per fare l'interfaccia
si può convertire un progetto figma in wordpress?
Si scrivendo il codice a manina
È possibile generare il codice HTML/CSS dei prototipi creati con Figma?
no
@@Marchetti_Design e quindi a cosa serve?
@@AforismiDAutoreAD a fare un preview del sito in poco tempo progettando design e comunicazione.
@@Marchetti_Design e poi? A questo punto si potrebbe fare con qualsiasi software di grafica come Photoshop, Canva, Illustrator ecc?
@@Marchetti_Design e poi? A questo punto si potrebbe fare una preview con qualsiasi software di grafica come Photoshop, Canva, Illustrator ecc?
💯🔝
questo video è visibile a 2x senza problemi
Daje!
Se dovessi in poche parole dire cosa offre in più rispetto a MockFlow? :)
Non conosco mockflow
Io sulla grafica e la comunicazione me la cavo, ma se voglio imparare a farmi siti da solo quanto devo sapere di programmazione? perchè su quello sto a zero proprio…è sufficiente che mi guardo tutti i tuoi video? eheh
Vai sul home del canale guarda il primo video in alto 😉
@@Marchetti_Design Grazie era il video che cercavo, sono nel posto giusto allora
Rettifico, ho fatto un test e l'app off-line non funziona.
Non funziona perché figma non salva file in locale, l'unica eccezzione è quando la connessione smette di funzionare una volta aperto un file, in quel caso una copia locale viene salvata dal browser in attesa del ripristino della connessione, ma non puoi aprire altri file di figma nel mentre.
La versione Desktop ha l'unico vantaggio di poter essere vista come "indipendente" rispetto al browser web e di poter importare automaticamente i font dal pc.
@@micheleattolini grazie mille. Gentilissimo per la spiegazione
Ora Figma è a pagamento confermate?
No