AITV.cz

Video • 16 min

07. 10. 2026

Přestaň dělat generický AI weby (takhle uděláš interaktivní web za desítky tisíc)

Jak postavit unikátní animovaný web s vlastním maskotem, kterej se odliší od generických AI webů. Krok za krokem, od podkladů v ChatGPT přes design ve Figmě až po napojení na Claude a rozpohybování maskota v Google Flow. Většina AI webů vypadá stejně. Tenhle bude mít vlastní tvář. Co ve videu uvidíš: Proč začít s předlohou, ne naslepo Jak si vygenerovat podklady v ChatGPT Design webu ve Figmě (hotovej soubor máš v popisku) Napojení Figmy na Claude přes Figma MCP (web z designu) Rozpohybování maskota v Google Flow Co se ve videu dozvíš?

Kapitoly

  1. 0:00Interaktivní AI web, který nevypadá jako AI
  2. 0:35Moodboard: jak najít správnou inspiraci
  3. 2:41Generujeme podklady pomocí ChatGPT
  4. 3:49Struktura a obsah webu s pomocí AI
  5. 5:19Jak vytvořit interaktivního maskota
  6. 6:19Generujeme pozadí a začínáme design ve Figmě
  7. 7:39Proč vůbec používat Figmu, když máme AI
  8. 8:26Hotový design webu ve Figmě
  9. 9:25Převod Figmy do Claude Code přes MCP
  10. 11:14Rozpohybování maskota v Google Flow
  11. 12:06Přidáváme animovaného maskota do webu
  12. 13:29Hotový interaktivní web
  13. 14:23Shrnutí celého postupu

🎁 Hotovej Figma soubor ke stažení + všechny prompty najdeš níž. Figma: https://www.figma.com/design/9vIyTrlWr1jqT8cnbxu7c5/M%C3%BDval-web?node-id=0-1&t=uKSR4n4VwYYJH5RM-1 Prompty: https://docs.google.com/document/d/1-L5WuKgfEHFkAFVD92nx2AZN2vYDQEZDh4993hf8Y2w/edit?usp=sharing

👉 Web a služby: https://www.tomaspajdiak.cz

📧 hello@tomaspajdiak.cz

📸 Instagram: /tomaspajdiak #aiweby #animovanyweb #figma #webdesign #maskot #tvorbawebu #aiwebdesign #jakvytvoritweb #figmamcp #googleflow #umelainteligence #webdesign2026 #brandidentity #uniqueweb #kreativniweb

Zdroj

Tomáš Pajdiak

Další doporučený obsah