Lezione dal corso Figma Basics
In questa parte vediamo un esempio pratico nel quale possiamo creare dei componenti.
Abbiamo due hai Tem navigation Hit em e cioè questo blocco qui o questo.
Abbiamo poi anche gli stai tem che corrisponde alla riga della nostra tabella.
In questo caso immaginiamo di voler prendere dei componenti.
Creiamo qualche variante e cerchiamo di impostarla al meglio.
Vi invito a mettere in pausa il video in questo momento provare voi a creare questi due componenti e poi riprendere il video per vedere se vi siete avvicinati o gli errori che avete fatto.
Per prima cosa, andremo a copia.
Incollare i pezzi che vogliamo componenti Hazare Prendiamo per esempio questi due li trascino premendo option per creare una coppia.
Mettiamoli qua nel nostro angolino.
Dopodiché faccio la stessa cosa con questo che la riga cosa vogliamo poter fare? Allora in questo caso creiamo dei componenti mettendo qualcosa di generico, quindi non metteremo database utenti, ma il nome della funziona.
Abbiamo poi queste due variazioni su questo componente e possiamo fare quello che abbiamo visto nella lezione precedente.
Creiamo due componenti e conviviamo il come una variante.
In questo caso, andiamo per distinguere questo elemento dal background.
Il colore che abbiamo definito qui.
Eccolo.
In questo caso abbiamo queste due versioni.
Diamo la stessa icona in modo che sia coerente.
Vediamo anche lo stesso nome.
Ebbene, anche quando possibile dare lo stesso nome.
Hai layer Command Dear per rinominare vediamo lo stesso nome l'ultima, cosa che ci manca per fare questo componente è settare un'impostazione dentro la variante qua quello che vogliamo mostrare è se l'elemento è quello corrente oppure no.
Possiamo chiamarla Karen? É quello che possiamo fare a questo punto e usare il termine tu il termine forse per avere poi nell'utilizzo questo elemento qua che ci permette di accenderlo e spegnerlo.
Vediamo se riusciamo a utilizzarlo dentro questo esempio pratico.
Vedete, possiamo prendere creare la nostra navigazione con un componente che rimane sempre uguale ed è molto versatile.
Possiamo poi fare la stessa cosa anche per il Stai tim.
In questo caso che varianti potremmo immaginare? Vediamo un po' tanto lo facciamo un po' più piccolo per averlo tutto all'interno del nostro schermo, dopodiché riguardiamo il mockup.
Abbiamo per esempio questo stato e iniziamo a comporre i vari componenti che vogliamo avere.
Abbiamo questa versione, poi potremmo voler avere una versione nel quale sta ancora caricando.
Sentiamo bene tutte le distanze, altre cose che possiamo fare e prendere anche qua.
Facciamo una copia trascinando con option e possiamo fare una versione senza questa descrizione, eccetera eccetera.
Ancora una volta, quello che poi possiamo fare è selezionare tutti questi elementi, creare dei componenti, combinarli come variants, oppure creare direttamente un set, impostare tutte le proprietà che ci servono.
Quindi in questo caso avremo ad esempio aggiunto da e queste due opzioni.
Quindi aggiunto da un po' rooster on going.
Allo stesso modo possiamo applicare un'altra proprietà lo scempio s subtitle questo sarà più perché abbiamo subtitle in questo caso sarà forse perché non l'abbiamo Ho fatto questo.
Quello che otteniamo è un elemento, una riga di una tabella che possiamo personalizzare al volo.
Possiamo accendere o spegnere un sottotitolo? Possiamo prendere e cambiare questa proprietà per avere un qualcosa che sta caricando.
Ok, è già stato caricato da un po' in questo modo lo abbiamo visto i componenti abbiamo visto che cosa sono, come si creano, come usarli.
Abbiamo visto gli over raid, abbiamo visto le variants e abbiamo anche visto un esempio pratico.
Vi lascio con un ultimo punto Non dimenticatevi di provare, provare, provare, provare
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.