Späť na kurzy

Prístup do všetkých online kurzov

od

25€

mesačne

Online kurz Figma: Kompletný sprievodca

Figma: Kompletný sprievodca

13h 19min

Čas

155

Kapitol

Dizajn a Video

Kategória

-

Hodnotenie

Začiatočník

Level

český

Jazyk kurzu

🎨 Popis online kurzu Figma: Kompletný sprievodca

Figma je mocný nástroj. Ale len keď viete, ako ju správne používať.
Inak vám práca zaberie zbytočne viac času a spolupráca s vývojármi sa zmení na nekonečnú slučku otázok a opráv.

V tomto kurze vás prevediem Figmou od úplných základov až po pokročilé techniky, ktoré používajú dizajnéri v praxi. Naučíte sa vytvárať funkčné, premyslené a dobre štruktúrované návrhy, ktoré obstoja aj v produkčnom prostredí.

Kurz je postavený na reálnych príkladoch z praxe a ukáže vám, ako:

navrhovať používateľské rozhrania efektívne a systematicky,
používať komponenty, varianty a auto-layouty,
vytvárať design systémy, ktoré zvládnu rast spolu s projektom,
spolupracovať s vývojármi bez zbytočných nedorozumení,
a využívať Figmu naplno.

📚 Čo sa v kurze Figma: Kompletný sprievodca naučíte

Základy práce vo Figme - rozhraní, nástroje, prototypovanie
Ako tvoriť konzistentné designy pomocou komponentov a variantov
Princípy tvorby a správy design systémov
Ako správne pripraviť návrh pre vývojárov (Design → Dev handoff)
Tipy a postupy z reálnych projektov, ktoré vám ušetria hodiny práce
Ako si organizovať pracovné prostredie, knižnice a tímové workflow

🧑‍🎓 Pre koho je kurz určený

Pre začínajúcich aj pokročilých dizajnérov, ktorí chcú ovládnuť Figmu do hĺbky
Pre UX a UI dizajnérov, ktorí chcú zefektívniť svoju prácu a lepšie spolupracovať s vývojármi
Pre product manažérov, ktorí chcú rozumieť dizajnovým procesom svojich tímov
Pre každého, kto chce tvoriť moderné, profesionálne a škálovateľné designy

Po absolvovaní kurzu budete vedieť využiť Figmu naplno od prvého wireframu až po odovzdanie hotového designu vývojárovi. Získate istotu, rýchlosť aj prehľad, ktorý od profesionálneho dizajnéra očakávajú tímy aj klienti.

📦 Čo všetko dostaneš v kurze Figma: Kompletný sprievodca

videotutoriály na tému Figma,
certifikát o absolvovaní kurzu Figma: Kompletný sprievodca,
moderované diskusné fórum, v ktorom na tvoje otázky odpovedá lektor Šimon Jůn,
garancia vrátenia peňazí do 14 dní v prípade nespokojnosti s kurzom.

Zoznam kapitol

Úvod do kurzu

👋 Vítám vás v kurzu Figma MasterClass 1min

Dostupné len po zakúpení prístupu

1. Základní informace

E1 – Shrnutí: Co všechno se v kurzu naučíte 6min

Dostupné len po zakúpení prístupu

E2 – Co je Figma a jakou licenci potřebuji 5min

Dostupné len po zakúpení prístupu

E3 – Figma redesign 4min

Dostupné len po zakúpení prístupu

E4 – Co je FigJam 4min

Dostupné len po zakúpení prístupu

E5 – Figma Slides 6min

Dostupné len po zakúpení prístupu

E6 – Figma Buzz, Sites a Make 5min

Dostupné len po zakúpení prístupu

E7 – Figma to Webflow 3min

Dostupné len po zakúpení prístupu

E8 – Browser vs. Desktop aplikace 8min

Dostupné len po zakúpení prístupu

E9 – Registrace do Figmy 5min

Dostupné len po zakúpení prístupu

E10 – Figma Dashboard 3min

Dostupné len po zakúpení prístupu

E11 – Templates and Tools (Figma Community) 8min

Dostupné len po zakúpení prístupu

2. Tým a projekty

E1 – Shrnutí: Co se v kapitole naučíte 55s

Dostupné len po zakúpení prístupu

E2 – Light Mode a Dark Mode 51s

Dostupné len po zakúpení prístupu

E3 – Co je to tým, projekt, design soubor 3min

Dostupné len po zakúpení prístupu

E4 – Oblíbené a připnuté soubory 2min

Dostupné len po zakúpení prístupu

E5 – Co jsou to drafty a jak se chovají 3min

Dostupné len po zakúpení prístupu

E6 – Jak přidat do týmu / souboru / projektu člena + nastavení 10min

Dostupné len po zakúpení prístupu

E7 – Password protected links + Advanced nastavení 4min

Dostupné len po zakúpení prístupu

E8 – Nastavení Free týmu 3min

Dostupné len po zakúpení prístupu

E9 – Správa uživatelů ve Free verzi 1min

Dostupné len po zakúpení prístupu

E10 – Admin v placené verzi Figmy 7min

Dostupné len po zakúpení prístupu

E11 – Role ve Figmě 5min

Dostupné len po zakúpení prístupu

3. Základy

E1 – Shrnutí: Co se v kapitole naučíte 33s

Dostupné len po zakúpení prístupu

E2 – Figma UI 3min

Dostupné len po zakúpení prístupu

E3 – Dev Mode *pouze v placeném tarifu Figmy 4min

Dostupné len po zakúpení prístupu

E4 – Jak se pohybovat ve Figmě 8min

Dostupné len po zakúpení prístupu

E5 – Přejmenování a přesun souborů 8min

Dostupné len po zakúpení prístupu

E6 – Bottom panel 5min

Dostupné len po zakúpení prístupu

E7 – Figma AI funkce *pouze v placeném tarifu Figmy 11min

Dostupné len po zakúpení prístupu

E8 – Historie a verzování 7min

Dostupné len po zakúpení prístupu

E9 – Vyhledávání 6min

Dostupné len po zakúpení prístupu

E10 – Pages 6min

Dostupné len po zakúpení prístupu

E11 – Layers 8min

Dostupné len po zakúpení prístupu

E12 – Groups 5min

Dostupné len po zakúpení prístupu

E13 – Assets 5min

Dostupné len po zakúpení prístupu

E14 – Thumbnail design souboru 7min

Dostupné len po zakúpení prístupu

E15 – Úprava Canvasu pro efektivnější práci 3min

Dostupné len po zakúpení prístupu

4. Nástroje

E1 – Shrnutí: Co se v kapitole naučíte 1min

Dostupné len po zakúpení prístupu

E2 – Pravý sidebar základní informace 3min

Dostupné len po zakúpení prístupu

E3 – Úprava panelu pro efektivnější práci 2min

Dostupné len po zakúpení prístupu

E4 – Zarovnání, pozice 3min

Dostupné len po zakúpení prístupu

E5 – Constrains 6min

Dostupné len po zakúpení prístupu

E6 – Velikost elementu a Clip content 3min

Dostupné len po zakúpení prístupu

E7 – Transforms 3min

Dostupné len po zakúpení prístupu

E8 – Opacity 1min

Dostupné len po zakúpení prístupu

E09 – Border radius 4min

Dostupné len po zakúpení prístupu

E10 – Fill (výplň elementu) 7min

Dostupné len po zakúpení prístupu

E11 – Stroke 8min

Dostupné len po zakúpení prístupu

E12 – Effects 9min

Dostupné len po zakúpení prístupu

E13 – Move, Hand Tool a Scale 4min

Dostupné len po zakúpení prístupu

E14 – Frame 10min

Dostupné len po zakúpení prístupu

E15 – Grid systém 10min

Dostupné len po zakúpení prístupu

E16 – Section 6min

Dostupné len po zakúpení prístupu

E17 – Slice 1min

Dostupné len po zakúpení prístupu

E18 – Rectangle 3min

Dostupné len po zakúpení prístupu

E19 – Line a Arrow 3min

Dostupné len po zakúpení prístupu

E20 – Elipsa 2min

Dostupné len po zakúpení prístupu

E21 – Polygon 2min

Dostupné len po zakúpení prístupu

E22 – Star 1min

Dostupné len po zakúpení prístupu

E23 – Image (obrázek) a jeho úpravy 9min

Dostupné len po zakúpení prístupu

E24 – Video *pouze v placeném tarifu Figmy 6min

Dostupné len po zakúpení prístupu

E25 – Pen – Tvorba vektorů 3min

Dostupné len po zakúpení prístupu

E26 – Naučte se vektory pomocí minihry 3min

Dostupné len po zakúpení prístupu

E27 – Pencil 2min

Dostupné len po zakúpení prístupu

E28 – Masky 4min

Dostupné len po zakúpení prístupu

E29 – Boolean groups 4min

Dostupné len po zakúpení prístupu

5. Typografie

E1 – Shrnutí: Co se v kapitole naučíte 46s

Dostupné len po zakúpení prístupu

E2 – Chybějící fonty 4min

Dostupné len po zakúpení prístupu

E3 – Textové pole 3min

Dostupné len po zakúpení prístupu

E4 – Základní nastavení typografie (Texty) 4min

Dostupné len po zakúpení prístupu

E5 – Basics • Aligment a Decorations 5min

Dostupné len po zakúpení prístupu

E6 – Basics • Zbytek nastavení 6min

Dostupné len po zakúpení prístupu

E7 – Pokročilé nastavení typografie (Texty) 4min

Dostupné len po zakúpení prístupu

E8 – Variable Fonts 3min

Dostupné len po zakúpení prístupu

6. Auto-layouts

E1 – Shrnutí: Co se v kapitole naučíte 2min

Dostupné len po zakúpení prístupu

E2 – Co je to Auto-layout 7min

Dostupné len po zakúpení prístupu

E3 – Jak vytvořit Auto-layout 4min

Dostupné len po zakúpení prístupu

E4 – Resizing možnosti + padding a gap 9min

Dostupné len po zakúpení prístupu

E5 – Aligment 3min

Dostupné len po zakúpení prístupu

E6 – Advanced options 6min

Dostupné len po zakúpení prístupu

E7 – Wrap 3min

Dostupné len po zakúpení prístupu

E8 – Auto-spacing 4min

Dostupné len po zakúpení prístupu

E9 – Absolute position 5min

Dostupné len po zakúpení prístupu

E10 – Grid úvod 2min

Dostupné len po zakúpení prístupu

E11 – Grid nastavení a možnosti 8min

Dostupné len po zakúpení prístupu

7. Komponenty (Components)

E1 – Shrnutí: Co se v kapitole naučíte 59s

Dostupné len po zakúpení prístupu

E2 – Co je to component a jeho výhody 3min

Dostupné len po zakúpení prístupu

FMCV3E3 – Jak vytvořit component 1min

Dostupné len po zakúpení prístupu

E4 – Master vs. Instance 3min

Dostupné len po zakúpení prístupu

E5 – Co je možné upravovat v Instanci 6min

Dostupné len po zakúpení prístupu

E6 – Detach Instance? No Thanks 4min

Dostupné len po zakúpení prístupu

E7 – Vnořené componenty 5min

Dostupné len po zakúpení prístupu

E8 – Component properties 5min

Dostupné len po zakúpení prístupu

E9 – Jak správně pojmenovat properties 8min

Dostupné len po zakúpení prístupu

E10 – Jak správně přistupovat k tvorbě component s properties 3min

Dostupné len po zakúpení prístupu

E11 – Component properties • Swap 9min

Dostupné len po zakúpení prístupu

FE12 – Component properties • Toggle 3min

Dostupné len po zakúpení prístupu

E13 – Component properties • Content 2min

Dostupné len po zakúpení prístupu

E14 – Component properties • Variant 7min

Dostupné len po zakúpení prístupu

E15 – Jak pracovat s Nested Properties 4min

Dostupné len po zakúpení prístupu

FE16 – Finalizace component properties 6min

Dostupné len po zakúpení prístupu

E17 – Lokální componenty vs. Team Libraries *pouze v placeném tarifu Figmy 10min

Dostupné len po zakúpení prístupu

E18 – Veřejné design systémy 5min

Dostupné len po zakúpení prístupu

E19 – MinMax Width a Height 3min

Dostupné len po zakúpení prístupu

8. Figma styly

E1 – Shrnutí: Co se v kapitole naučíte 1min

Dostupné len po zakúpení prístupu

E2 – Co je to styl a kdy ho použít 3min

Dostupné len po zakúpení prístupu

E3 – Styly barev a výhody oproti Variables 5min

Dostupné len po zakúpení prístupu

E4 – Styly textů 7min

Dostupné len po zakúpení prístupu

E5 – Styly efektů 2min

Dostupné len po zakúpení prístupu

E6 – Styly gridů 2min

Dostupné len po zakúpení prístupu

9. Figma Variables

E1 – Shrnutí: Co se v kapitole naučíte 2min

Dostupné len po zakúpení prístupu

E2 – Design systém inspirace 6min

Dostupné len po zakúpení prístupu

E3 – Flappy Bird 3min

Dostupné len po zakúpení prístupu

E4 – Představení Figma Variables 9min

Dostupné len po zakúpení prístupu

E5 – Typy Variables 50s

Dostupné len po zakúpení prístupu

E6 – Variable Boolean 4min

Dostupné len po zakúpení prístupu

E7 – Variable Color 6min

Dostupné len po zakúpení prístupu

fE8 – Variable Number 7min

Dostupné len po zakúpení prístupu

E9 – Variable String 8min

Dostupné len po zakúpení prístupu

E10 – Co momentálně není ve Variables 7min

Dostupné len po zakúpení prístupu

E11 – Kolekce a Groupy 8min

Dostupné len po zakúpení prístupu

E12 – Alias Variables 8min

Dostupné len po zakúpení prístupu

E13 – Omezení použití Variables 4min

Dostupné len po zakúpení prístupu

10. Prototyping a Figma Mirror App (Mobilní aplikace)

E1 – Shrnutí: Co všechno se v kapitole naučíte 52s

Dostupné len po zakúpení prístupu

E2 – Co je to prototyp 2min

Dostupné len po zakúpení prístupu

E3 – Jak prototyp spustit na desktopu + Přepínání flows 4min

Dostupné len po zakúpení prístupu

E4 – Co je to Figma mobile app 7min

Dostupné len po zakúpení prístupu

E5 – Mirror funkce 5min

Dostupné len po zakúpení prístupu

E6 – Jak vytvořit prototyp 4min

Dostupné len po zakúpení prístupu

E7 – Triggers 8min

Dostupné len po zakúpení prístupu

E8 – Action 7min

Dostupné len po zakúpení prístupu

E9 – Action – Overlay 8min

Dostupné len po zakúpení prístupu

E10 – Animations 16min

Dostupné len po zakúpení prístupu

E11 – Smart Animations 9min

Dostupné len po zakúpení prístupu

E12 – Tipy a triky na tvorbu flows 6min

Dostupné len po zakúpení prístupu

E13 – Jak se připravit na testování s klientem nebo managementem 9min

Dostupné len po zakúpení prístupu

11. Exportování z Figmy

E1 – Shrnutí: Co se v kapitole naučíte 39s

Dostupné len po zakúpení prístupu

E2 – Co a jak umí Figma exportovat 4min

Dostupné len po zakúpení prístupu

E3 – Export do PNG a JPG 4min

Dostupné len po zakúpení prístupu

E4 – Export do SVG 5min

Dostupné len po zakúpení prístupu

E5 – Export do PDF 1min

Dostupné len po zakúpení prístupu

E6 – Export textu 4min

Dostupné len po zakúpení prístupu

E7 – Exporty pro retina displaye 7min

Dostupné len po zakúpení prístupu

E8 – Jak připravit rychlý export ikon / bannerů pro vývojáře 9min

Dostupné len po zakúpení prístupu

12. Feedback a komentování designu

E1 – Shrnutí: Co se v kapitole naučíte 58s

Dostupné len po zakúpení prístupu

E2 – Jak přidat komentář 5min

Dostupné len po zakúpení prístupu

E3 – Komentáře v oblasti 4min

Dostupné len po zakúpení prístupu

E4 – Jak správně odpovídat na komentář 3min

Dostupné len po zakúpení prístupu

E5 – Jak brát komentář jako vyřešený 3min

Dostupné len po zakúpení prístupu

E6 – Odkazování ve Figmě 4min

Dostupné len po zakúpení prístupu

E8 – Best practices: Nastavení filtrace a notifikací pro designery, vývojáře a projektové manažery 10min

Dostupné len po zakúpení prístupu

E7 – Funkce Embed 5min

Dostupné len po zakúpení prístupu

E9 – Funkce Spotlight 6min

Dostupné len po zakúpení prístupu

Závěr

🥳 Gratuluji k dokončení Figma MasterClass! 58s

Dostupné len po zakúpení prístupu

Pozri aj tieto kurzy

Prístup do všetkých online kurzov

od

25€

mesačne

Šimon Jůn

UX / Product designer

2 Online kurzov

0 Príspevkov