Tři tajemství Mistra Figmy: Local variables, Auto Layout a Components
![94q67o0vg7ii6wf-sergeypetukhov-square-03.jpeg](https://naucmese.gumlet.io/users/94q67o0vg7ii6wf-sergeypetukhov-square-03.jpeg?format=auto&compress=true&quality=100&width=100&height=100&mode=crop)
Sergey Petukhov
Jsem UI designér a spoluzakladatel Teplické digitální agentury Proidea.digital. S naším týmem budujeme nejlepší digitální agenturu na severu. Od roku 2018 Více o lektorovi »
![5nqkk1igk4gc0js-figma-3-tajemstvi-workshop-post.jpg](https://naucmese.gumlet.io/5nqkk1igk4gc0js-figma-3-tajemstvi-workshop-post.jpg?format=auto&compress=true&quality=100&width=700&height=525&mode=crop)
už jen 4 účastníci a kurz se uskuteční
Zbývá 10 míst
Máte pocit, že nevyužíváte plný potenciál Figmy? Je na čase ovládnout tři klíčové techniky – Local Variables, Auto Layout a Components – které vám pomohou výrazně zefektivnit vaši práci. Po tomto workshopu budete mít plnou kontrolu nad každým layoutem, i při větších zásazích od klientů. Navíc se naučíte, jak designovat responzivní šablony tak, aby vše fungovalo hladce.
Local Variables • Auto Layout • Components
__________________________
Co vás čeká?
01 – Local Variables: Plná kontrola nad designem
V této části se zaměříme na práci s barvami a tvorbu pokročilé barevné palety pro váš projekt. Položíme základy pro budování design systému a definici design tokenů. Naučíte se, jak připravit design pro dark mode a další barevné variace. Nezůstaneme jen u barev – podíváme se také na práci s číselnými a textovými proměnnými, které si vyzkoušíme na praktických příkladech.
02 – Auto Layout: Flexibilita v každém rozvržení
S pomocí Auto Layoutu si vytvoříme komponenty, které vám usnadní práci na jakémkoli projektu. Naučíte se chytrému a flexibilnímu rozmisťování prvků, abyste měli každý pixel pod kontrolou. Ukážeme si různé situace, kdy Auto Layout dokáže být nepostradatelným pomocníkem, a naučíte se vytvářet opravdu dynamické rozvržení.
03 – Components: Síla modulárního designu
Modulární komponenty jsou neuvěřitelně mocný nástroj, který vám pomůže udržet konzistenci designu a zároveň modelovat různé stavy uživatelského rozhraní. Ať už se jedná o tlačítka nebo složitější prvky, komponenty jsou zásadní pro efektivní workflow a udržení přehlednosti i u velkých projektů. Ponoříme se do hloubky a odhalíme, co všechno tento nástroj umí.
__________________________
Pro koho je workshop určen?
Workshop je ideální pro mírně pokročilé a pokročilé uživatele Figmy. Pokud už Figmu nějakou dobu používáte, ale máte pocit, že stagnujete, tento workshop vám otevře nové možnosti a posune vaše dovednosti na další úroveň. Nečekejte úvod do základů, ale hluboký ponor do klíčových funkcí, které vám umožní tvořit větší a komplexnější projekty s lehkostí.
Tento workshop je určen právě vám, pokud:
- Chcete zefektivnit své workflow a zvládat i větší projekty bez chaosu.
- Už máte základní znalosti Figmy, ale chcete se naučit pokročilé techniky.
- Cítíte, že ve Figmě můžete dosáhnout víc, ale zatím nevíte jak.
V průběhu workshopu budeme mít dostatek času na praktické ukázky a zodpovězení vašich otázek. Na konci budete mít plné pochopení, jak pracovat s Local Variables, Auto Layout a Components a jak tyto techniky integrovat do svého každodenního designového procesu.
__________________________
Autor workshopu
Pohybuji se v designu od roku 2007. Mám za sebou přes 400 návrhů webů, e-shopů a internetových aplikací. Pracoval jsem samostatně i v týmech, pro agentury a koncové zákazníky, pro malé i velké brandy. Vytvořil jsem návrhy, které někdy skončily v “šuplíku”, ale hodně mě toho naučily. Dostal jsem spoustu zpětné vazby od kodérů a vývojářů, což mi pomohlo lépe pochopit technickou část mé práce a vylepšit tak své další výstupy. V Teplicích jsem spoluzaložil digitální agenturu Pro-idea s.r.o., ve které každý den dokazujeme, že i na severu je komu svěřit online projekt. Od roku 2018 píši blog pro digitální designéry a pořádám užitečné kurzy a workshopy pro grafické designéry.
__________________________
Sledujte mě:
Víš, že Sergey vede také tyto kurzy?
- Jak se pohnout z místa a stát se žádaným grafickým designérem - Individuální
- Smysluplný a funkční UI a Web design pro grafiky - 20. 3. 2025
- Workshop Adobe XD — Práce s nástrojem a principy návrhu webů a aplikací - Individuální
- Komplexní a moderní UI design v nástroji Figma - 1. 4. 2025
Další zajímavé kurzy
![41oo11nzuzlj13v-startup-594090-1920.jpeg](https://naucmese.gumlet.io/41oo11nzuzlj13v-startup-594090-1920.jpeg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Napiš diplomku
Kdekoli v ČR ,
![1yv53a63wam-smartphone-1283938-1920.jpg](https://naucmese.gumlet.io/1yv53a63wam-smartphone-1283938-1920.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Vlastní mobilní aplikace - I
![7dda6mdpnl5j1h4-img-20210328-130723.jpeg](https://naucmese.gumlet.io/7dda6mdpnl5j1h4-img-20210328-130723.jpeg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Trénink v přírodě jako evoluční nástroj ke zdraví
Praha ,
![604cdevalyycs7a-20230604-185041.jpeg](https://naucmese.gumlet.io/604cdevalyycs7a-20230604-185041.jpeg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Design vaší jedlé přírodní zahrady
Praha ,
![1i4vj2nqjwjpapf-leceni-vnitrniho-ditete-sebelaska-a-harmonizace-caker-1.jpg](https://naucmese.gumlet.io/1i4vj2nqjwjpapf-leceni-vnitrniho-ditete-sebelaska-a-harmonizace-caker-1.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Vnitřní dítě a Sebeláska
Praha ,
Nejoblíbenější kurzy tohoto týdne
![6b2q37xebg4-2eyhxhi4gag-mg-2113.jpg](https://naucmese.gumlet.io/6b2q37xebg4-2eyhxhi4gag-mg-2113.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Výchovný řez ovocných stromů
![23psnsepky5mze6-web.jpeg](https://naucmese.gumlet.io/23psnsepky5mze6-web.jpeg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Módní workshop; Sama sobě stylistkou
Praha ,
![1n9beoyq2j2dpd1-img-20200201-102503.jpeg](https://naucmese.gumlet.io/1n9beoyq2j2dpd1-img-20200201-102503.jpeg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Re-Design - Renovace nábytku
Praha ,
![3jrxtd8hqu7-41lahjd90uy-silhouette-1082129-1280.jpg](https://naucmese.gumlet.io/3jrxtd8hqu7-41lahjd90uy-silhouette-1082129-1280.jpg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Smysluplné rozhovory
Brno ,
![60dkt819oi6ghmi-img-4322.jpeg](https://naucmese.gumlet.io/60dkt819oi6ghmi-img-4322.jpeg?format=auto&compress=true&quality=100&width=110&height=110&mode=crop)
Jak na domácí procvičování nejen logopedie
Webinář - online ,
Odpovídáš či reaguješ na tento komentář: