Figma: Kompletní průvodce
13h 19min
Čas
155
Kapitol
Design a Video
Kategorie
-
Hodnocení
Začátečník
Level
český
Jazyk kurzu
🎨 Popis online kurzu Figma: Kompletní průvodce
Figma je mocný nástroj. Ale jen když víte, jak ji správně používat.
Jinak vám práce zabere zbytečně víc času a spolupráce s vývojáři se změní v nekonečnou smyčku dotazů a oprav.
V tomto kurzu vás provedu Figmou od úplných základů až po pokročilé techniky, které používají designéři v praxi. Naučíte se vytvářet funkční, promyšlené a dobře strukturované návrhy, které obstojí i v produkčním prostředí.
Kurz je postavený na reálných příkladech z praxe a ukáže vám, jak:
Jinak vám práce zabere zbytečně víc času a spolupráce s vývojáři se změní v nekonečnou smyčku dotazů a oprav.
V tomto kurzu vás provedu Figmou od úplných základů až po pokročilé techniky, které používají designéři v praxi. Naučíte se vytvářet funkční, promyšlené a dobře strukturované návrhy, které obstojí i v produkčním prostředí.
Kurz je postavený na reálných příkladech z praxe a ukáže vám, jak:
- navrhovat uživatelská rozhraní efektivně a systematicky,
- používat komponenty, varianty a auto-layouty,
- vytvářet design systémy, které zvládnou růst spolu s projektem,
- spolupracovat s vývojáři bez zbytečných nedorozumění,
- a využívat Figmu naplno
📚 Co se v kurzu Figma: Kompletní průvodce naučíte
- Základy práce ve Figmě – rozhraní, nástroje, prototypování
- Jak tvořit konzistentní designy pomocí komponent a variant
- Principy tvorby a správy design systémů
- Jak správně připravit návrh pro vývojáře (Design → Dev handoff)
- Tipy a postupy z reálných projektů, které vám ušetří hodiny práce
- Jak si organizovat pracovní prostředí, knihovny a týmové workflow
🧑🎓Pro koho je kurz určený
- Pro začínající i pokročilé designéry, kteří chtějí ovládnout Figmu do hloubky
- Pro UX a UI designéry, kteří chtějí zefektivnit svou práci a lépe spolupracovat s vývojáři
- Pro product manažery, kteří chtějí rozumět designovým procesům svých týmů
- Pro každého, kdo chce tvořit moderní, profesionální a škálovatelné designy
Po absolvování kurzu budete umět využít Figmu naplno od prvního wireframu až po předání hotového designu vývojáři. Získáte jistotu, rychlost i přehled, který od profesionálního designéra očekávají týmy i klienti.
📦 Co všechno dostaneš v kurzu Figma: Kompletní průvodce
- videotutoriály na téma Figma,
- certifikát o absolvování kurzu Figma: Kompletní průvodce,
- moderované diskusní fórum, ve kterém na tvé otázky odpovídá lektor Šimon Jůn,
- garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem.
Seznam kapitol
Úvod do kurzu
👋 Vítám vás v kurzu Figma MasterClass
1min
Dostupné pouze po zakoupení přístupu
1. Základní informace
E1 – Shrnutí: Co všechno se v kurzu naučíte
6min
Dostupné pouze po zakoupení přístupu
E2 – Co je Figma a jakou licenci potřebuji
5min
Dostupné pouze po zakoupení přístupu
E3 – Figma redesign
4min
Dostupné pouze po zakoupení přístupu
E4 – Co je FigJam
4min
Dostupné pouze po zakoupení přístupu
E5 – Figma Slides
6min
Dostupné pouze po zakoupení přístupu
E6 – Figma Buzz, Sites a Make
5min
Dostupné pouze po zakoupení přístupu
E7 – Figma to Webflow
3min
Dostupné pouze po zakoupení přístupu
E8 – Browser vs. Desktop aplikace
8min
Dostupné pouze po zakoupení přístupu
E9 – Registrace do Figmy
5min
Dostupné pouze po zakoupení přístupu
E10 – Figma Dashboard
3min
Dostupné pouze po zakoupení přístupu
E11 – Templates and Tools (Figma Community)
8min
Dostupné pouze po zakoupení přístupu
2. Tým a projekty
E1 – Shrnutí: Co se v kapitole naučíte
55s
Dostupné pouze po zakoupení přístupu
E2 – Light Mode a Dark Mode
51s
Dostupné pouze po zakoupení přístupu
E3 – Co je to tým, projekt, design soubor
3min
Dostupné pouze po zakoupení přístupu
E4 – Oblíbené a připnuté soubory
2min
Dostupné pouze po zakoupení přístupu
E5 – Co jsou to drafty a jak se chovají
3min
Dostupné pouze po zakoupení přístupu
E6 – Jak přidat do týmu / souboru / projektu člena + nastavení
10min
Dostupné pouze po zakoupení přístupu
E7 – Password protected links + Advanced nastavení
4min
Dostupné pouze po zakoupení přístupu
E8 – Nastavení Free týmu
3min
Dostupné pouze po zakoupení přístupu
E9 – Správa uživatelů ve Free verzi
1min
Dostupné pouze po zakoupení přístupu
E10 – Admin v placené verzi Figmy
7min
Dostupné pouze po zakoupení přístupu
E11 – Role ve Figmě
5min
Dostupné pouze po zakoupení přístupu
3. Základy
E1 – Shrnutí: Co se v kapitole naučíte
33s
Dostupné pouze po zakoupení přístupu
E2 – Figma UI
3min
Dostupné pouze po zakoupení přístupu
E3 – Dev Mode *pouze v placeném tarifu Figmy
4min
Dostupné pouze po zakoupení přístupu
E4 – Jak se pohybovat ve Figmě
8min
Dostupné pouze po zakoupení přístupu
E5 – Přejmenování a přesun souborů
8min
Dostupné pouze po zakoupení přístupu
E6 – Bottom panel
5min
Dostupné pouze po zakoupení přístupu
E7 – Figma AI funkce *pouze v placeném tarifu Figmy
11min
Dostupné pouze po zakoupení přístupu
E8 – Historie a verzování
7min
Dostupné pouze po zakoupení přístupu
E9 – Vyhledávání
6min
Dostupné pouze po zakoupení přístupu
E10 – Pages
6min
Dostupné pouze po zakoupení přístupu
E11 – Layers
8min
Dostupné pouze po zakoupení přístupu
E12 – Groups
5min
Dostupné pouze po zakoupení přístupu
E13 – Assets
5min
Dostupné pouze po zakoupení přístupu
E14 – Thumbnail design souboru
7min
Dostupné pouze po zakoupení přístupu
E15 – Úprava Canvasu pro efektivnější práci
3min
Dostupné pouze po zakoupení přístupu
4. Nástroje
E1 – Shrnutí: Co se v kapitole naučíte
1min
Dostupné pouze po zakoupení přístupu
E2 – Pravý sidebar základní informace
3min
Dostupné pouze po zakoupení přístupu
E3 – Úprava panelu pro efektivnější práci
2min
Dostupné pouze po zakoupení přístupu
E4 – Zarovnání, pozice
3min
Dostupné pouze po zakoupení přístupu
E5 – Constrains
6min
Dostupné pouze po zakoupení přístupu
E6 – Velikost elementu a Clip content
3min
Dostupné pouze po zakoupení přístupu
E7 – Transforms
3min
Dostupné pouze po zakoupení přístupu
E8 – Opacity
1min
Dostupné pouze po zakoupení přístupu
E09 – Border radius
4min
Dostupné pouze po zakoupení přístupu
E10 – Fill (výplň elementu)
7min
Dostupné pouze po zakoupení přístupu
E11 – Stroke
8min
Dostupné pouze po zakoupení přístupu
E12 – Effects
9min
Dostupné pouze po zakoupení přístupu
E13 – Move, Hand Tool a Scale
4min
Dostupné pouze po zakoupení přístupu
E14 – Frame
10min
Dostupné pouze po zakoupení přístupu
E15 – Grid systém
10min
Dostupné pouze po zakoupení přístupu
E16 – Section
6min
Dostupné pouze po zakoupení přístupu
E17 – Slice
1min
Dostupné pouze po zakoupení přístupu
E18 – Rectangle
3min
Dostupné pouze po zakoupení přístupu
E19 – Line a Arrow
3min
Dostupné pouze po zakoupení přístupu
E20 – Elipsa
2min
Dostupné pouze po zakoupení přístupu
E21 – Polygon
2min
Dostupné pouze po zakoupení přístupu
E22 – Star
1min
Dostupné pouze po zakoupení přístupu
E23 – Image (obrázek) a jeho úpravy
9min
Dostupné pouze po zakoupení přístupu
E24 – Video *pouze v placeném tarifu Figmy
6min
Dostupné pouze po zakoupení přístupu
E25 – Pen – Tvorba vektorů
3min
Dostupné pouze po zakoupení přístupu
E26 – Naučte se vektory pomocí minihry
3min
Dostupné pouze po zakoupení přístupu
E27 – Pencil
2min
Dostupné pouze po zakoupení přístupu
E28 – Masky
4min
Dostupné pouze po zakoupení přístupu
E29 – Boolean groups
4min
Dostupné pouze po zakoupení přístupu
5. Typografie
E1 – Shrnutí: Co se v kapitole naučíte
46s
Dostupné pouze po zakoupení přístupu
E2 – Chybějící fonty
4min
Dostupné pouze po zakoupení přístupu
E3 – Textové pole
3min
Dostupné pouze po zakoupení přístupu
E4 – Základní nastavení typografie (Texty)
4min
Dostupné pouze po zakoupení přístupu
E5 – Basics • Aligment a Decorations
5min
Dostupné pouze po zakoupení přístupu
E6 – Basics • Zbytek nastavení
6min
Dostupné pouze po zakoupení přístupu
E7 – Pokročilé nastavení typografie (Texty)
4min
Dostupné pouze po zakoupení přístupu
E8 – Variable Fonts
3min
Dostupné pouze po zakoupení přístupu
6. Auto-layouts
E1 – Shrnutí: Co se v kapitole naučíte
2min
Dostupné pouze po zakoupení přístupu
E2 – Co je to Auto-layout
7min
Dostupné pouze po zakoupení přístupu
E3 – Jak vytvořit Auto-layout
4min
Dostupné pouze po zakoupení přístupu
E4 – Resizing možnosti + padding a gap
9min
Dostupné pouze po zakoupení přístupu
E5 – Aligment
3min
Dostupné pouze po zakoupení přístupu
E6 – Advanced options
6min
Dostupné pouze po zakoupení přístupu
E7 – Wrap
3min
Dostupné pouze po zakoupení přístupu
E8 – Auto-spacing
4min
Dostupné pouze po zakoupení přístupu
E9 – Absolute position
5min
Dostupné pouze po zakoupení přístupu
E10 – Grid úvod
2min
Dostupné pouze po zakoupení přístupu
E11 – Grid nastavení a možnosti
8min
Dostupné pouze po zakoupení přístupu
7. Komponenty (Components)
E1 – Shrnutí: Co se v kapitole naučíte
59s
Dostupné pouze po zakoupení přístupu
E2 – Co je to component a jeho výhody
3min
Dostupné pouze po zakoupení přístupu
FMCV3E3 – Jak vytvořit component
1min
Dostupné pouze po zakoupení přístupu
E4 – Master vs. Instance
3min
Dostupné pouze po zakoupení přístupu
E5 – Co je možné upravovat v Instanci
6min
Dostupné pouze po zakoupení přístupu
E6 – Detach Instance? No Thanks
4min
Dostupné pouze po zakoupení přístupu
E7 – Vnořené componenty
5min
Dostupné pouze po zakoupení přístupu
E8 – Component properties
5min
Dostupné pouze po zakoupení přístupu
E9 – Jak správně pojmenovat properties
8min
Dostupné pouze po zakoupení přístupu
E10 – Jak správně přistupovat k tvorbě component s properties
3min
Dostupné pouze po zakoupení přístupu
E11 – Component properties • Swap
9min
Dostupné pouze po zakoupení přístupu
FE12 – Component properties • Toggle
3min
Dostupné pouze po zakoupení přístupu
E13 – Component properties • Content
2min
Dostupné pouze po zakoupení přístupu
E14 – Component properties • Variant
7min
Dostupné pouze po zakoupení přístupu
E15 – Jak pracovat s Nested Properties
4min
Dostupné pouze po zakoupení přístupu
FE16 – Finalizace component properties
6min
Dostupné pouze po zakoupení přístupu
E17 – Lokální componenty vs. Team Libraries *pouze v placeném tarifu Figmy
10min
Dostupné pouze po zakoupení přístupu
E18 – Veřejné design systémy
5min
Dostupné pouze po zakoupení přístupu
E19 – MinMax Width a Height
3min
Dostupné pouze po zakoupení přístupu
8. Figma styly
E1 – Shrnutí: Co se v kapitole naučíte
1min
Dostupné pouze po zakoupení přístupu
E2 – Co je to styl a kdy ho použít
3min
Dostupné pouze po zakoupení přístupu
E3 – Styly barev a výhody oproti Variables
5min
Dostupné pouze po zakoupení přístupu
E4 – Styly textů
7min
Dostupné pouze po zakoupení přístupu
E5 – Styly efektů
2min
Dostupné pouze po zakoupení přístupu
E6 – Styly gridů
2min
Dostupné pouze po zakoupení přístupu
9. Figma Variables
E1 – Shrnutí: Co se v kapitole naučíte
2min
Dostupné pouze po zakoupení přístupu
E2 – Design systém inspirace
6min
Dostupné pouze po zakoupení přístupu
E3 – Flappy Bird
3min
Dostupné pouze po zakoupení přístupu
E4 – Představení Figma Variables
9min
Dostupné pouze po zakoupení přístupu
E5 – Typy Variables
50s
Dostupné pouze po zakoupení přístupu
E6 – Variable Boolean
4min
Dostupné pouze po zakoupení přístupu
E7 – Variable Color
6min
Dostupné pouze po zakoupení přístupu
fE8 – Variable Number
7min
Dostupné pouze po zakoupení přístupu
E9 – Variable String
8min
Dostupné pouze po zakoupení přístupu
E10 – Co momentálně není ve Variables
7min
Dostupné pouze po zakoupení přístupu
E11 – Kolekce a Groupy
8min
Dostupné pouze po zakoupení přístupu
E12 – Alias Variables
8min
Dostupné pouze po zakoupení přístupu
E13 – Omezení použití Variables
4min
Dostupné pouze po zakoupení přístupu
10. Prototyping a Figma Mirror App (Mobilní aplikace)
E1 – Shrnutí: Co všechno se v kapitole naučíte
52s
Dostupné pouze po zakoupení přístupu
E2 – Co je to prototyp
2min
Dostupné pouze po zakoupení přístupu
E3 – Jak prototyp spustit na desktopu + Přepínání flows
4min
Dostupné pouze po zakoupení přístupu
E4 – Co je to Figma mobile app
7min
Dostupné pouze po zakoupení přístupu
E5 – Mirror funkce
5min
Dostupné pouze po zakoupení přístupu
E6 – Jak vytvořit prototyp
4min
Dostupné pouze po zakoupení přístupu
E7 – Triggers
8min
Dostupné pouze po zakoupení přístupu
E8 – Action
7min
Dostupné pouze po zakoupení přístupu
E9 – Action – Overlay
8min
Dostupné pouze po zakoupení přístupu
E10 – Animations
16min
Dostupné pouze po zakoupení přístupu
E11 – Smart Animations
9min
Dostupné pouze po zakoupení přístupu
E12 – Tipy a triky na tvorbu flows
6min
Dostupné pouze po zakoupení přístupu
E13 – Jak se připravit na testování s klientem nebo managementem
9min
Dostupné pouze po zakoupení přístupu
11. Exportování z Figmy
E1 – Shrnutí: Co se v kapitole naučíte
39s
Dostupné pouze po zakoupení přístupu
E2 – Co a jak umí Figma exportovat
4min
Dostupné pouze po zakoupení přístupu
E3 – Export do PNG a JPG
4min
Dostupné pouze po zakoupení přístupu
E4 – Export do SVG
5min
Dostupné pouze po zakoupení přístupu
E5 – Export do PDF
1min
Dostupné pouze po zakoupení přístupu
E6 – Export textu
4min
Dostupné pouze po zakoupení přístupu
E7 – Exporty pro retina displaye
7min
Dostupné pouze po zakoupení přístupu
E8 – Jak připravit rychlý export ikon / bannerů pro vývojáře
9min
Dostupné pouze po zakoupení přístupu
12. Feedback a komentování designu
E1 – Shrnutí: Co se v kapitole naučíte
58s
Dostupné pouze po zakoupení přístupu
E2 – Jak přidat komentář
5min
Dostupné pouze po zakoupení přístupu
E3 – Komentáře v oblasti
4min
Dostupné pouze po zakoupení přístupu
E4 – Jak správně odpovídat na komentář
3min
Dostupné pouze po zakoupení přístupu
E5 – Jak brát komentář jako vyřešený
3min
Dostupné pouze po zakoupení přístupu
E6 – Odkazování ve Figmě
4min
Dostupné pouze po zakoupení přístupu
E8 – Best practices: Nastavení filtrace a notifikací pro designery, vývojáře a projektové manažery
10min
Dostupné pouze po zakoupení přístupu
E7 – Funkce Embed
5min
Dostupné pouze po zakoupení přístupu
E9 – Funkce Spotlight
6min
Dostupné pouze po zakoupení přístupu
Závěr
🥳 Gratuluji k dokončení Figma MasterClass!
58s
Dostupné pouze po zakoupení přístupu
