Digitalizace firmy

Prototypování - první funkční verze řešení

1️⃣ Co je prototypování?

  • Prototyp = rychlé přetavení nápadu do reality.

  • Jde o jednoduchou formu nápadu, kterou lze ukázat, vyzkoušet a testovat.

  • Výhoda: chyby odhalíte rychle a levně.

  • Nemusíte být designer nebo programátor – AI a no/low-code nástroje vám pomůžou.

2️⃣ Prototypování dnes – AI & vibe coding

Technologie se mění, principy zůstávají.

  • Vibe coding = místo programování popíšete, co má produkt dělat → AI vygeneruje návrh nebo rovnou kód.

  • Dostupné nástroje:

    • ChatGPT – HTML, JS, wireframy

    • Replit – online kódování bez instalace

    • Lovable – UI z nápadu

    • Cursor, Copilot, Claude – kód spolu s AI

3️⃣ Kdy a jak prototypovat

Kdy?

  • Chcete nápad vysvětlit týmu nebo klientovi.

  • Potřebujete otestovat funkci nebo zážitek.

  • Hledáte nové možnosti řešení.

  • Chcete předejít nedorozumění.

Jaké typy prototypů?

  • Role – co to dělá?

  • Look & Feel – jak to působí?

  • Implementation – jak to funguje?

  • Integration – kombinace všeho.

4️⃣ Techniky a nástroje

Techniky:

  • Digitální nástěnka / mapa – vizualizace procesu nebo konceptu (Miro, Whimsical).
  • Wireframe / design – jednoduché UI (Figma, Canva).
  • Chatbot / AI asistent – základní konverzační prototyp (ChatGPT Custom GPT, Poe, ManyChat).
  • Automatizace – ukázka propojení nástrojů (Make, Zapier).
  • Low/no-code appka – jednoduchá aplikace bez programování (Glide, Bubble, Softr, Notion).
  • Obsahový prototyp – video, prezentace, článek nebo kampaně (Canva, Gamma, CapCut, Descript).

5️⃣ Tvorba obrázků s AI

  • ChatGPT (DALL·E) – generování obrázků přímo z promptu.

  • Gemini 2.5 Flash aka Nano Banana – čerstvý počin od Google. Nejlépe hodnocený nástroj na generování a editaci obrázků. Návod zde.

  • Midjourney – vizuálně působivé generativní obrázky. Zde je seznam klíčových slov pro úpravu stylu.

Jak tvořit dobré obrázky:

  • Buďte co nejvíce popisní.

  • Přidávejte detaily (přídavná jména, umělecký styl, prostředí).

  • Inspirujte se cizími obrázky: nahrajte je do ChatGPT a nechte si vytvořit detailní popis → ten pak použijte jako prompt.

ChatGPT gen obrazku David Kudrna
PDF ke stažení
Webinář zdarma k Midjourney

6️⃣ Tvorba videí s AI

  • Multimodální modely pracují s textem, obrazem i zvukem zároveň → generují video z popisu.

  • Nástroje pro video:

    • CapCut, Runway, Kling, Haulio, Sora, Pika Labs, HeyGen, D-ID.

Tip: Sledujte kanál Pravidla se změnila, kde najdete spoustu ukázek AI videí.

7️⃣ Vibe coding a kódování s AI

Pokud chcete vytvořit něco techničtějšího (appku, plugin, skript), dnes to jde i bez hlubokých znalostí programování.

Nástroje pro vibe coding:

  • Replit – online prostředí, kde můžete spustit a sdílet kód.

  • Cursor – editor kódu propojený s AI, který vám pomáhá psát.

  • GitHub Copilot – AI „spoluprogramátor“ pro VS Code a GitHub.

  • Claude Artifacts – generování funkčních kódových bloků, které hned vyzkoušíte.

  • Lovable – z textového popisu vygeneruje celé UI aplikace.

Tip na prompt:
„Naprogramuj mi jednoduchou webovou stránku (HTML+CSS), která zobrazí seznam úkolů a umožní přidávat nové položky. Ukaž mi rovnou kód.“

Ukázka jak funguje tvorba webu v Lovable.

8️⃣ Automatizace s AI

Automatizace vám umožní propojit různé nástroje a procesy – užitečné jak pro osobní, tak firemní výzvy.

Nástroje:

  • Make (Integromat) – vizuální automatizace, propojuje stovky služeb.

  • Zapier – jednoduché nastavení propojení mezi aplikacemi.

  • n8n – open-source alternativa, možnost hostovat vlastní řešení.

Příklady využití:

  • Automatické ukládání příloh z e-mailu do Google Drive.

  • Generování reportů z dat (Google Sheets → Power BI).

  • Přeposílání zákaznických dotazů do Slacku + automatická odpověď AI.

Tip na prompt pro AI:
„Navrhni mi 5 možných automatizací v Make, které by mi pomohly zlepšit osobní produktivitu při studiu na VŠ.“

9️⃣ Testování prototypů

  • Self-test – vy sami si prototyp vyzkoušejte v reálné situaci.

  • Peer-test – dejte prototyp spolužákovi a sledujte, kde se zasekne.

  • AI-test – popište prototyp AI a zeptejte se: „Jak by šel tento prototyp vylepšit?“

🔟 Mini-úkol pro vás

  1. Vyberte si jeden nápad z ideace.

  2. Rozhodněte, jestli uděláte skicu, UI, obsah, automatizaci, vibe coding nebo video prototyp.

  3. Vytvořte první verzi (screenshot, obrázek, video, appku).

  4. Ověřte funkčnost (self/peer/AI test).

👉 Díky této kapitole máte teď konkrétní možnosti, jak svůj nápad oživit – ať už jako vizuál, aplikaci, asistenta, automatizaci nebo video.

Předchozí
Následující