Jak vytvořit design systém ve Figmě
Krok za krokem průvodce budováním škálovatelného design systému s komponentami, typografií a barevnými sadami.
Čtěte dálFigma a nástroje pro prototypování
Objevte průvodce, návody a tipy pro webový design pomocí Figmy a moderních nástrojů pro tvorbu prototypů v České republice
Materiály, které vám pomůžou pochopit, jak efektivně používat Figmu pro UI design, vytváření prototypů a spolupráci v týmu. Vše, co potřebujete vědět, v jednom místě.
Poslední články a průvodce
Praktické návody pro webové designéry a product designéry
Interaktivní prototypy a animace v Figmě
Naučte se vytvářet interaktivní prototypy s animacemi, přechody a uživatelskými toky přímo v Figmě bez kódování.
Čtěte dál
Spolupráce v týmu pomocí Figmy
Praktické tipy pro efektivní týmovou práci ve Figmě včetně správy souborů, komentářů a verzování designu.
Čtěte dál
Nejlepší pluginy a rozšíření pro Figmu
Doporučení pro pluginy, které zrychlují váš workflow, od správy obsahu až po export a generování kódu.
Čtěte dálKlíčové koncepty webového designu
Pochopte základní principy, na kterých stojí moderní design v Figmě a prototypování. Tyto koncepty vám pomohou lépe pochopit články a průvodce výše.
Design systémy
Sjednocený soubor pravidel, komponent a standardů, který zajišťuje konzistenci v celém produktu. Design systém vám umožňuje pracovat efektivněji a škálovat design bez chaosu.
Komponenty a varianty
Opakovaně použitelné prvky designu, které lze spravovat centrálně. Změny se automaticky aplikují na všechny instance, což ušetří čas a sníží chyby.
Interaktivní prototypy
Funkční mockupy vašeho produktu, které ukazují, jak se uživatelé budou pohybovat skrze aplikaci. Prototypy slouží k testování myšlenek před vývojem.
Kolaborace a feedback
Figma umožňuje skutečnou týmovou práci v reálném čase. Komentáře, verze a přístupová práva zjednodušují komunikaci mezi designéry, vývojáři a stakeholdery.
Responzivní design
Navrhování pro více velikostí obrazovky — mobilní, tablet, desktop. Figma pomáhá testovat design v různých rozlišeních a zajistit, aby vše fungovalo všude.
Handoff a Developer Handoff
Proces předávání hotového designu vývojářům. Figma usnadňuje export specifikací, kódu CSS a poskytuje všechny informace, které programátoři potřebují.
Užitečné zdroje a nástroje
Komplexní seznam zdrojů, které vám pomohou s Figmou a webovým designem. Od online kurzů přes dokumentaci až po komunitu designérů v České republice.
- Figma oficiální dokumentace — Nejúplnější zdroj informací přímo od tvůrců Figmy, s tutoriály, videi a nejlepšími praktikami.
- Komunita designérů v ČR — České skupiny na sociálních sítích a meetupy pro výměnu zkušeností s dalšími designéry.
- Figma UI Kit a šablony — Hotové šablony a UI kity, které můžete použít jako výchozí bod pro své projekty a zrychlit tak svůj workflow.
- Pluginy z Figma Community — Tisíce pluginů vytvořených komunitou, které rozšiřují funkcionalitu Figmy podle vašich potřeb.
- Online kurzy a školení — Placené i bezplatné kurzy na platformách jako Udemy, LinkedIn Learning a Skillshare zaměřené na Figmu.