FIGMA OD A DO Z — online kurz | SKVOT

Online kurz

FIGMA OD A DO Z

Pronikni do světa designu s Figmou
 
Lector

scrolluj
Trvání kurzu
30. 4.–11. 6. 2024
Doba trvání
13 online lekcí,
Úterý / Čtvrtek,
18:00 – 19:30

Staň se profíkem na Figmu vzatým a začni tvořit designy, ze kterých bude přecházet zrak.

Hledáš aplikaci, ve které se i nemožné stává možným? Takovou aplikací je právě Figma. Nauč se v ní chodit a pracovat a začni tvořit designové projekty, které doteď žily jen ve tvé hlavě. Seznam se s rozhraním Figmy, zjisti, jak svoje výtvory sdílet a jak tvořit interaktivní prototypy. Osvoj si tvorbu variables, stylů, komponent a objev, jak (si) připravit design library. Využij potenciál Figmy naplno a využij ji ke tvorbě svého profi portfolia.

KURZ JE PRO TEBE, POKUD:

  • Aspiruješ na designerskou pozici a chceš pracovat s Figmou

    Že se neorientuješ v prostředí Figmy, nevadí! V prvních lekcích se s rozhraním Figmy seznámíš víc než důvěrně, objevíš všechny její funkce, dozvíš se, jak pracovat s auto-layouty a vytvoříš hned několik prací, se kterými osvěžíš své portfolio.

  • Pracuješ v aplikacích Sketch nebo Adobe

    Figmu poznáš ze všech jejích stran. Zjistíš, jak ji používat ke spolupráci s dalšími kolegy, svůj účet si nastavíš přesně na míru. Díky domácím úkolům si práci ve Figme automatizuješ a naučíš se tvořit prototypy.

  • Jsi juniorní designér*ka, s Figmou už pracuješ a chceš získat nové skills

    V kurzu tě naučíme hledat a najít ty nejjednodušší a nejefektivnější cesty, jak věci dělat. Mimo to získáš přehled o aktuálních trendech, díky domácím úkolům budeš mít možnost pracovat na svém projektu a postupně ho budovat.

LEKTOR

Petr Novák

Petr Novák

  • Design system & UI manager, Emplifi

  • 14+ let zkušeností v oblasti designu

  • 6 let pracoval v agentuře: prošel přes DTP, grafika až po UX/UI designera

  • 8+ let pracuje v Emplifi

  • Pracoval jako product designer, zaváděl designové knihovny do Figmy a podílel se na UI celého produktu

  • Aktuálně vede tým UI designérů, je zodpovědný za plánování designového systému a rozvoj a udržování designových knihoven ve Figmě

  • Přes 8 let se také věnuje side projektům

  • Pomáhal s designem e-shopu Lekarna.cz a designoval mobilní aplikace pro Cybex a Evenflo

PROGRAM KURZU

  • 01

    Úterý 30. 4. 2024 18:00 – 19:30

    Intro

    • Představení účastníků a lektora kurzu
    • Informace o průběhu kurzu
    • Diskuze o očekáváních a cílech
    • Práce s domácími úkoly, jejich odevzdávání, hodnocení a komunikace
    • Registrace – Education program
  • 02

    Čtvrtek 2. 5. 2024 18:00 – 19:30

    Úvod do Figmy

    • Co je Figma
    • Založení účtu
    • Webová vs. desktopová aplikace
    • Mobilní aplikace
    • Integrace
    • Figma community
    • FigJam vs. Design file
    • Rozhraní

    Domácí úkol:

    Registruj se a přihlas se do programu. Vytvoř a pojmenuj projekt, vytvoř soubor a nastav thumbnail.

  • 03

    Úterý 7. 5. 2024 18:00 – 19:30

    Spolupráce a sdílení

    • Jak spolupracovat ve Figmě
    • Spolupráce na tvorbě návrhu
    • Nastavení viditelnosti a sdílení souboru
    • Prezentace návrhu
    • DEV mode
  • 04

    Čtvrtek 9. 5. 2024 18:00 – 19:30

    Práce s objekty

    • Jaké objekty můžeme ve Figmě používat
    • Vytvoření a nastavení objektů
    • Boolean operace
    • Nástroj cesty
    • Masky
    • Video, obrázek a vektor
    • Export
  • 05

    Úterý 14. 5. 2024 18:00 – 19:30

    Variables a styly

    • Barvy, styly a variables
    • Text a kompozice
    • Přístupnost

    Domácí úkol:

    Vytvoř základní knihovny pro variables a styly.

  • 06

    Čtvrtek 16. 5. 2024 18:00 – 19:30

    Základy Auto-layoutu, Grid a Constraints

    • Grid
    • Constraints vs. Auto-layout – hlavní rozdíly
    • Constraints
    • Auto-layout
  • 07

    Úterý 21. 5. 2024 18:00 – 19:30

    Wireframes

    • Co je wireframe
    • Proč a kdy je dělat a v jaké kvalitě
    • Tvorba wireframe ve Figmě
    • Praktická ukázka vytvoření a nastavení

    Domácí úkol:

    Připrav wireframe podle předlohy, na kterém si zopakuješ a vyzkoušíš práci s objekty a použití variables a stylů.

  • 08

    Čtvrtek 23. 5. 2024 18:00 – 19:30

    Feedback session

    • Běžné problémy s domácími úkoly
    • Zpětná vazba na domácí úkoly
    • Diskuze o zkušenostech
  • 09

    Úterý 28. 5. 2024 18:00 – 19:30

    Základy komponent

    • Co jsou komponenty
    • Vytvoření komponent a jejich variant
    • Pojmenování komponent a strukturování v Assets
    • Slučování komponent
    • Kombinování komponent a vytváření nových
    • Nastavení variant, properties a nested komponent

    Domácí úkol:

    Připrav několik základních komponent vycházejících z našeho designu a z připravených podkladů. Zorganizuj komponenty do sekcí podle jejich typů nebo účelu.

  • 10

    Čtvrtek 30. 5. 2024 18:00 – 19:30

    Design library

    • Co je design nebo UI library
    • Jaký je rozdíl mezi design systémem a library
    • Jaké jsou hlavní výhody a případné nevýhody knihoven
    • Představíme si atomic design systém
    • Naučíme se vytvořit a publikovat knihovnu
    • Jak napojit knihovnu na pracovní soubor a používat assety, variables a styly
    • Jak si usnadnit práci a kde se inspirovat

    Domácí úkol:

    Vytvoř kopii z pracovního souboru a připrav nový soubor jako externí knihovnu.

  • 11

    Úterý 4. 6. 2024 18:00 – 19:30

    Responzivní design ve Figmě

    • Co je to responzivní design
    • Velikost obrazovky a breakpoints
    • Příprava velikostí souborů a jejich export
    • Jak vytvořit návrh pro různá zařízení
  • 12

    Čtvrtek 6. 6. 2024 18:00 – 19:30

    Základy prototypování

    • Přehled funkcí
    • Propojování framů a objektů
    • Přidávání přechodů a animací
    • Scrollování, kotvy a fixování objektů
    • Používání videa v prototypech
    • Tvorba interaktivních prvků, včetně rozbalovacích nabídek a karet
    • Pohybování se v náhledu prototypu

    Domácí úkol:

    Vytvoř interaktivní prototyp z designu, který jsme připravili v předchozích lekcích.

  • 13

    Úterý 11. 6. 2024 18:00 – 19:30

    Jak být vidět

    • Figma a portfolio
    • Portfolio mimo Figmu
    • Figma Community
    • Jak zaujmout náboráře a leadery

ZÍSKAT VÍCE INFORMACÍ

Pro více informací o kurzu a ceně, prosím, vyplň formulář a my tě budeme kontaktovat!

Povinné pole
Povinné pole
Povinné pole
Povinné pole