Prototypování ve Figmě a implementace designu pomocí TailwindCSS | Webinář #4.1 | Tour de App 2025 скачать в хорошем качестве

Prototypování ve Figmě a implementace designu pomocí TailwindCSS | Webinář #4.1 | Tour de App 2025

Když už máme navržené, jak naše aplikace bude fungovat, možná by se hodilo navrhnout si, jak bude vypadat. Přesně k tomu slouží nástroj Figma, se kterým si celý svůj web můžeš dopředu nakreslit. A aby takový návrh bylo jednoduché i skutečně vytvořit, ukážeme si práci s knihovnou TailwindCSS. Časové odrážky: 00:00 - Úvod 02:44 - Co je to frame? 04:15 - Co je to grid? 07:46 - Barvy 09:46 - Vytvoření barevné palety 11:33 - Pluginy ve Figmě 13:29 - Tvorba komponent 18:05 - Rozložení objektů 18:51 - Co je to prototyp ve Figmě 19:48 - Ukázka možného prototypu 21:58 - Jak na prototypování 24:43 - Zadání ukázkové aplikace 27:02 - Příběh z praxe 28:17 - Co je to TailwindCSS? 29:46 - Proč použít TailwindCSS? 31:35 - Popisování ukázkových class 33:57 - Tailwind config 37:51 - Využití Shadcn s Tailwindem https://tourde.app https://scg.cz #webinar #TourdeApp #aplikace #programovani #tda #cez #design #tailwindcss #prototyping