Miniclass: Figma 2.0 – Autolayout, prototypy, komponenty

• Je zdarma
• Je překvapivě jednoduchá na používání.
• Přehledná pro vás i pro klienta.
• Snadné vytváření prototypů.
• Snadné vytváření webu z wireframů.
• Použití přednastavených stylů pro texty, obrázky i barvy, změna písma nebo odstínu barvy v celém návrhu je otázka vteřin.
• Urychluje práci.
• Urychluje následný vývoj webu.

Figmu jsem vám představila v předchozí miniclass. Teď půjdeme více do hloubky. A také je to trochu update předchozího kurzu, protože ve Figmě máme pár novinek. Figmu si můžete zdarma stáhnout na www.figma.com nebo používat v prohlížeči.

• Vytvoření autolayoutu na příkladu sekce s ikonovými boxy
• Vytvoření tlačítka s hover efektem po najetí myši v prototypu
• Vytvoření popupu, který se zobrazí po kliknutí
• Vytvoření opakovatelných komponent ve spojení s autolayoutem
• Vytvoření a používání variant komponent na příkladu tlačítka

• 0:00 Autolayout
• 17:00 Komponenty a jejich varianty
• 29:00 Prototypování a hover efekt

• Chcete si usnadnit úpravy a navrhování webu.
• Chcere se naučit prototypovat s efekty
• Chcete svůj výsledek představit klientovi skoro jako funkční web, ještě než se pustíte do vývoje.
• Chcete přestat ztrácet čas při úpravách a revizích.
• Už máte alespoň lehké povědomí o Figmě.

• Řešení na prototypování a návrh webu už máte
• Neděláte proces návrhu webu
• Jste spokojeni s jiným programem na navrhování a nechcete to měnit
• Na prototypování nevidíte nic složitého a nehledáte efektnější řešení
• Komponenty umíte a tvoříte levou zadní
• Váš pracovní proces je už tak rychlý, jak být může