Figma Advanced: Design System

«Figma Advanced: Design System» è un corso online di Design di livello avanzato, tenuto da InsightLearn — contenuto di test su InsightLearn. Il percorso comprende 6 lezioni organizzate in 2 sezioni, per una durata complessiva di 2h 0m. Design system professionali con Figma.

Descrizione del corso

InsightLearn è in fase di sviluppo (work in progress): i contenuti di questa pagina sono pubblicati esclusivamente a fini di verifica e test.

Crea design system completi con Figma: token, component library e documentazione.

---

⚠️ DISCLAIMER COPYRIGHT: Questo corso utilizza contenuti video con licenza Creative Commons a scopo educativo e di test. Tutti i diritti rimangono ai rispettivi autori. Non è richiesto alcun abbonamento per la visione. Su richiesta dell'autore, il contenuto verrà rimosso immediatamente. Contatto: [email protected]

Cosa imparerai

  • Tokens, library, documentation, handoff

Requisiti

  • Conoscenza base Figma

Programma del corso

  1. Lezione 1: Figma Advanced: Design System - Parte 1 (10 min)
  2. Lezione 2: Figma Advanced: Design System - Parte 2 (10 min)
  3. Lezione 3: Figma Advanced: Design System - Parte 3 (10 min)
  4. Lezione 4: Figma Advanced: Design System - Parte 4 (10 min)
  5. Lezione 5: Figma Advanced: Design System - Parte 5 (10 min)
  6. Lezione 6: Figma Advanced: Design System - Parte 6 (10 min)

Dalle lezioni

Estratto della trascrizione di «Lezione 1: Figma Advanced: Design System - Parte 1»

how to create free UI animation in just 5 minutes. As many elements as there are in UI design, we will select them one by one and then export them. For practice this Figma file and zip file link is available in description, download and practice. How to create free UI animation in just 5 minutes. If you enjoy this video, please press like and subscribe button, it gives me a motivation. Do not forget to select the frame separately while selecting all the elements. How to export the frame? It is shown here. Also download the UI design image. If you select each element and export or download it, it will appear like this in your computer. And if…

Estratto della trascrizione di «Lezione 2: Figma Advanced: Design System - Parte 2»

Hello guys, in today's video, we're going to be showing you how to create a wave animation for your hero section. We have our design ready, so let's get right into it. First, we're going to select our pen tool, and we're going to create a vector just like this. We're going to delete the stroke and add fill. We're going to create a gradient and select our colors. We're going to create a gradient, and we're going to create a gradient, and we're going to create a gradient, and we're going to create a gradient. Make sure to change the corner radius Perfect. Let's create a second vector to make our waves look a bit more realistic. Copy and…

Estratto della trascrizione di «Lezione 3: Figma Advanced: Design System - Parte 3»

Bill Gates once said, I choose a lazy person to do a hard job because a lazy person will find an easy way to do it. This video is all about being that lazy person. So let's jump right into Figma and let's learn how we can lazily create this Figma prototype. So here's the issue. Whenever we are designing prototyping or building prototypes in Figma, we end up having hundreds of prototyping links all over the place. And if we ever need to make a change, we have to... make it in numerous places, and it just becomes chaotic. So in this video, I'm gonna show you how you can reduce 80 to 90% of all that work, that…

Altri corsi di Design

Tutti i corsi di Design

Domande frequenti

Quanto dura il corso Figma Advanced: Design System?

Il corso dura 2h 0m in totale, con 6 lezioni suddivise in 2 sezioni, da seguire online al proprio ritmo.

Serve esperienza pregressa?

Il corso è di livello avanzato. I requisiti indicati dal docente sono: Conoscenza base Figma.

Il corso rilascia un certificato?

Sì: al completamento del corso ricevi un certificato di completamento verificabile online.