RUSLAN SKOPAL
Doporučené nástrojeChci mentoring

draw.io (diagrams.net)

draw.io (diagrams.net) je zdarma a bez registrace. Nakreslíš v něm proces firmy, organizační strukturu nebo cestu zákazníka.

Ověřeno 18. 10. 2026 · Připravil Ruslan Skopal

draw.io (diagrams.net) v kostce

Co to je
Aplikace na kreslení diagramů v prohlížeči i v počítači. Zdrojový kód je veřejný (licence Apache 2.0, bez licenčních poplatků).
Vhodné pro
Firma, která chce nakreslit procesy, strukturu týmu nebo cestu zákazníka
Cena
Zdarma, bez registrace a bez placených tarifů, i pro firmy. Zvlášť se platí jen aplikace pro Confluence a Jiru (nástroje Atlassianu na firemní wiki a úkoly), v Confluence Cloud je zdarma do 10 uživatelů.
Kam ukládá
Kam si vybereš: na Google Disk, OneDrive, GitHub nebo GitLab (úložiště pro vývojáře), do počítače nebo do prohlížeče. Výrobce diagramy u sebe nedrží.
Spolupráce
Víc lidí v jednom diagramu naráz, když je soubor na Google Disku, OneDrive, v Confluence Cloud nebo Nextcloudu (firemní cloud na vlastním serveru).
Formáty
Export do PNG, JPEG, SVG, WebP, PDF a HTML. Otevře soubory z Visia, Lucidchartu a Gliffy (jiné nástroje na diagramy).
AI
Online verze nakreslí diagram z textového popisu, text přitom odchází k externímu poskytovateli AI. Desktopová aplikace AI nemá, běží celá offline.
Napojení na e-shop
Žádné. Do Shoptetu ani jiné platformy se nic neinstaluje, diagram vložíš jako obrázek.
Náročnost nasazení
Zvládneš sám: otevřeš app.diagrams.net v prohlížeči a kreslíš
Čeština a podpora
Rozhraní česky podle prohlížeče, nápověda anglicky, podpora e-mailem

Co to je a co umí

draw.io je aplikace na kreslení diagramů, webová verze běží na adrese app.diagrams.net. Vyvíjí ji draw.io Ltd se sídlem v Anglii spolu s draw.io AG. Zdrojový kód je veřejný pod licencí Apache 2.0. Funguje v prohlížeči bez účtu i jako desktopová aplikace pro Windows, macOS a Linux. Diagram si uložíš tam, kam chceš, výrobce ho u sebe nedrží. Na e-shopu v něm nakreslíš třeba proces reklamace, expedice nebo zaškolení nového člověka.

  • Vývojové diagramy (flowcharty), procesní mapy, diagramy s plaveckými drahami (swimlane, každý tým nebo role má svůj pruh) a BPMN (standardní zápis procesů)
  • Knihovna šablon, mezi nimi Vývojový diagram a Diagram plavecké dráhy
  • Organizační struktura vygenerovaná z dat v CSV (tabulka uložená jako text)
  • Diagram z textového popisu pomocí AI, v online verzi je funkce zapnutá ve výchozím stavu
  • Spolupráce v reálném čase: vidíš kurzory kolegů, když je soubor na Google Disku, OneDrive, v Confluence Cloud nebo Nextcloudu
  • Historie revizí u souborů na Google Disku: prohlédneš si starší verze a vrátíš se k nim
  • Export do PNG, JPEG, SVG, WebP, PDF a HTML, sdílení odkazem. PNG, SVG, PDF a HTML můžou nést data diagramu, příjemce pak diagram otevře a upraví
  • Import z Visia (.vsdx, starší .vsd), Lucidchartu, Gliffy a z kódu Mermaid (textový zápis diagramů)
  • Doplňky zdarma pro Google Dokumenty, Tabulky a Prezentace: vloží diagram jako obrázek a po změně ho aktualizují
  • Práce offline v desktopové aplikaci nebo v prohlížeči jako PWA (webová aplikace, která po načtení běží i bez připojení)
Co o tom říkám z praxe
Ruslan Skopal
„Když budete třeba řešit procesy, tak tady najdete třeba diagrams, který jsou úplně zdarma a můžete tady v nich kreslit ty diagramy.“
z konzultace ESHOP BOOSTER s klientem 22. 4. 2026, k tabulce nástrojů, které doporučuju

Jak s tím pracuju v praxi

Kdy procesy kreslit a kdy stačí text

  • V první fázi bych diagramy nedělal. Proces bych popsal textem tak, jak ho člověk řekne, a zapsal do projektového nástroje, třeba do Asany.
  • Když takových situací máš čtyři, diagramy jsou zbytečné.
  • Diagramy jsou verze 2. Když budeš mít v Asaně 400 procesů, na to už vhodná není. Pak bych přešel na diagramy a ukládal je na Google Disk.
  • V té fázi seznam procesů nedělej. Náš měl 403 procesů a stál nás milion korun a rok práce.

Jak má procesní diagram vypadat

  • Používám normální metodiku procesů: začátek a konec procesu, úkony a rozhodnutí. Každý typ má jiný tvar a jinou barvu.
  • Proces rozsekám na menší kusy. V diagramu je pak vidět, co dělá marketing, co programátor, co grafička a co dodavatel.
  • Celý marketing jako jeden proces je moc těžký. Rozděl ho na menší procesy.
  • Z kroku můžeš udělat proklik, třeba na video s návodem. Když ale video k jednomu kroku trvá sedm minut, je to těžký proces, ne úkol.
  • Procesovat jde jen exaktní věci, třeba žádost o dovolenou nebo příjem reklamace. Malbu obrazu nezprocesuješ, tvorbu scénářů můžeš nanejvýš navést.
  • Proces dělej v nástroji, který je na procesy. Proces v neprocesním nástroji je vždycky problematický, stejně jako grafika v negrafickém nástroji.

Z mých callů ESHOP BOOSTER: MasterMind 16. 6. 2026 a konzultace s klientem 26. 3. 2026.

Jak začít krok za krokem

  1. 1Otevři app.diagrams.net. Účet v draw.io nepotřebuješ. Rozhraní se ukáže česky podle jazyka prohlížeče, jinak ho přepneš v menu Extra → Jazyk.
  2. 2Vyber, kam se budou diagramy ukládat, třeba Google Disk. Klikni na Autorizovat a povol čtení a ukládání souborů. Přihlašuješ se do Googlu, ne do draw.io.
  3. 3Vytvoř nový diagram a v šablonách vyber v sekci Základní třeba Diagram plavecké dráhy. Hodí se na proces, který jde přes víc lidí nebo oddělení.
  4. 4Proces kresli základními tvary: ovál pro začátek a konec, obdélník pro krok, kosočtverec pro rozhodnutí ano, nebo ne. Šipky ukazují cestu procesem.
  5. 5Na Google Disku se diagram po prvním uložení ukládá průběžně sám. Sdílej ho jako běžný soubor s právem úprav a kolegové kreslí s tebou naráz.
  6. 6Do dokumentu nebo na web ho dostaneš přes Soubor → Exportovat jako → PNG. U interních procesů při exportu zruš volbu Zahrnout kopii diagramu, ať si ho příjemce neotevře k úpravám.

Pro koho se hodí

Pro firmu, která potřebuje nakreslit strukturu týmu, cestu zákazníka nebo proces tak, aby ho pochopil i nový člověk. Hodí se, když máš firmu na Google Disku nebo v Microsoftu 365: diagramy ukládáš tam a sdílíš je jako běžné soubory. Nic neplatíš a nikdo z týmu nepotřebuje účet v draw.io.

Pro koho spíš ne

Nehodí se na grafiku a návrh vzhledu webu, na to je Figma. Na workshopy jsou vhodnější online nástěnky, třeba Miro s hlasováním a časovačem nebo FigJam. A když máš procesů pár, nekresli je vůbec, stačí text v projektovém nástroji.

Kdy to nasadit

Až procesů přibude tolik, že je text v projektovém nástroji přestane unést. Na začátku procesy popiš textem do projektového nástroje, třeba do Asany. Když máš takových situací čtyři, diagram je zbytečný. Při stovkách procesů už projektový nástroj nestačí a přechází se na diagramy.

Cena

Zdarma. Výrobce uvádí „Free forever“ a „No paywalls“: bez registrace, bez placených tarifů a bez zvláštního firemního tarifu. Podmínky použití dovolují aplikace používat zdarma i pro firmu. Zvlášť se platí jen aplikace pro Confluence a Jiru (nástroje Atlassianu na firemní wiki a úkoly), jejíž verzi pro Cloud prodává firma Seibert přes Atlassian Marketplace. V Confluence Cloud je zdarma do 10 uživatelů.

  • Webová a desktopová aplikace: zdarmaBez registrace a bez placených tarifů, i pro firemní použití.
  • Doplňky pro Google Dokumenty, Tabulky a Prezentace: zdarmaVloží diagram z Google Disku jako obrázek.
  • Aplikace pro Confluence Cloud: zdarma do 10 uživatelůNad 10 uživatelů placená licence přes Atlassian Marketplace.

Ceník ověřen 18. 10. 2026, aktuální ceny u výrobce

Integrace a napojení

S e-shopem se draw.io nepropojuje, je to nástroj na interní dokumentaci. Diagram do článku nebo do nápovědy na e-shopu vložíš jako obrázek. Napojení: Google Disk, Dokumenty, Tabulky a Prezentace, OneDrive, SharePoint a Teams (firemní úložiště a chat Microsoftu), Confluence a Jira, GitHub, GitLab, VS Code (editor kódu pro programátory), Notion (přes rozšíření do Chromu) a WordPress (vložení diagramu jako SVG). Pro AI asistenty, třeba Claude nebo ChatGPT, má výrobce MCP server (propojení, přes které AI kreslí rovnou v draw.io).

Na co si dát pozor

  • Výrobce diagramy neukládá, takže je ani neobnoví. Zálohy jsou podle podmínek použití na tobě.
  • Když na začátku zvolíš Rozhodnout později, diagram zůstane jen v prohlížeči. Trvale ho uložíš až přes Soubor → Uložit jako.
  • Exportovaný PNG, SVG, PDF nebo HTML ve výchozím stavu nese data celého diagramu včetně všech stránek. Kdo soubor dostane, otevře si ho v draw.io a upraví kopii.
  • Spolupráce v reálném čase funguje u souborů na Google Disku, OneDrive, v Confluence Cloud a Nextcloudu. U souborů na GitHubu, GitLabu nebo síťovém disku se změny ostatních slučují ručně přes Soubor → Synchronizovat.
  • AI generování pošle text dotazu poskytovateli AI modelu. Data diagramu odejdou jen tehdy, když je k dotazu sám přiložíš. Generování jde vypnout v nastavení editoru.
  • Starší soubory .vsd z Visia otevřeš v desktopové aplikaci přetažením na plátno, ne přes Soubor → Otevřít. Na jedné stránce výrobce uvádí převod .vsd i v prohlížeči. Soubory .vdx a .vsx z Visia 2003 až 2010 neotevře vůbec, nejdřív je ve Visiu 2013 nebo novějším ulož jako .vsdx.
  • Import z Visia nemusí vypadat úplně stejně jako originál a obrázky ve formátu EMF se nepřenesou.
  • Na Google Disku nefunguje Uložit jako. Kopii diagramu udělej přes Soubor → Pořídit kopii.
  • Velký diagram nemusí jít sdílet jako odkaz, protože prohlížeče mají limit délky adresy. Ulož ho na Google Disk a zveřejni odkaz odtud, bude kratší.
  • Doplňky pro Google Dokumenty, Tabulky a Prezentace výrobce na jedné stránce popisuje jako bezplatné, na jiné píše, že starší verze jsou zastaralé. Jestli je dnes nainstaluješ, ověř v Google Workspace Marketplace (obchod s doplňky Googlu).
  • Podpora odpovídá v pracovní dny od 9 do 18 hodin britského času, cílem je odpověď do jednoho pracovního dne. Garantovanou dobu odpovědi podmínky u bezplatných aplikací nedávají.

Srovnání s alternativami

  • draw.io
    Tento nástroj
    Zdarma
    Vše, bez registrace
    Placený tarif od
    Nemá placené tarify (kromě aplikace pro Confluence a Jiru)
    Navíc
    Desktopová aplikace offline, ukládání do tvého úložiště
  • Lucidchart
    Zdarma
    3 upravitelné dokumenty
    Placený tarif od
    9 USD měsíčně při roční platbě (Individual)
    Navíc
    Import a export Visia v placeném tarifu
  • Microsoft Visio
    Zdarma
    Základní verze v komerčních plánech Microsoftu 365
    Placený tarif od
    4,30 € za uživatele měsíčně bez DPH při roční platbě (Plan 1)
    Navíc
    Desktopová aplikace v Plan 2 za 13 €
  • Miro
    Zdarma
    3 upravitelné nástěnky
    Placený tarif od
    8 € za člena měsíčně při roční platbě
    Navíc
    Hlasování, časovač, AI kredity
  • FigJam
    Zdarma
    3 soubory FigJam
    Placený tarif od
    3 € za licenci měsíčně při roční platbě, 5 € při měsíční
    Navíc
    Licence Collab zahrnuje i Figma Slides
  • Whimsical
    Zdarma
    50 objektů měsíčně, vodoznak na exportech
    Placený tarif od
    10 USD za editora měsíčně při roční platbě
    Navíc
    AI vývojové diagramy a myšlenkové mapy
  • Excalidraw
    Zdarma
    Celý editor, 1 scéna, 10 AI požadavků denně
    Placený tarif od
    6 USD za uživatele měsíčně při roční platbě
    Navíc
    Open source, šifrování v prohlížeči

Ceny a limity z ceníků výrobců, ověřeno 18. 10. 2026.

Alternativy a v čem se liší

  • Lucidchart

    Webový nástroj na diagramy s importem a exportem Visia v placeném tarifu. Zdarma jen 3 upravitelné dokumenty, Individual za 9 USD měsíčně při roční platbě, zkušební verze 7 dní.

  • Microsoft Visio

    Nástroj Microsoftu na diagramy. Základní Visio je v komerčních plánech Microsoftu 365, Visio Plan 1 stojí 4,30 € za uživatele měsíčně bez DPH při roční platbě, desktopovou aplikaci má až Plan 2 za 13 €.

  • Miro

    Online nástěnka na workshopy a společné plánování, umí i diagramy a procesy. Zdarma 3 upravitelné nástěnky, Starter za 8 € za člena měsíčně při roční platbě.

  • FigJam

    Digitální nástěnka od Figmy. Zdarma 3 soubory FigJam, pak licence Collab za 3 € měsíčně při roční platbě, 5 € při měsíční.

  • Whimsical

    Vývojové diagramy, myšlenkové mapy a wireframy (náčrty rozložení stránek), k tomu AI. Zdarma jen 50 objektů měsíčně a vodoznak na exportech, Pro za 10 USD za editora měsíčně při roční platbě.

  • Excalidraw

    Open source nástěnka zdarma bez účtu, s 10 AI požadavky denně. Excalidraw+ s ukládáním v cloudu stojí 6 USD za uživatele měsíčně při roční platbě, 7 USD při měsíční.

Časté otázky

Je draw.io opravdu zdarma?

Ano. Výrobce uvádí „Free forever“ a „No paywalls“, nemá placené tarify a podmínky dovolují používání zdarma i pro firmu. Zvlášť se platí jen aplikace pro Confluence a Jiru, v Confluence Cloud až nad 10 uživatelů.

Potřebuju účet?

Ne, v draw.io se neregistruješ. Když ukládáš na Google Disk nebo OneDrive, přihlašuješ se jen do svého účtu Google nebo Microsoft.

Jsou draw.io a diagrams.net to samé?

Ano. draw.io je název aplikace a její webová verze běží na adrese app.diagrams.net. Obě značky patří draw.io Ltd.

Umí draw.io česky?

Rozhraní se řídí jazykem prohlížeče a češtinu má. Jazyk změníš v menu Extra → Jazyk a obnovíš stránku. Nápověda na drawio.com je anglicky.

Kde jsou moje diagramy a vidí je výrobce?

Tam, kam je uložíš: na Google Disku, OneDrive, GitHubu, GitLabu, v počítači nebo v prohlížeči. Výrobce uvádí, že k nim nemá přístup. Zálohy jsou proto na tobě.

Může v jednom diagramu pracovat víc lidí naráz?

Ano, když je soubor na Google Disku, OneDrive, v Confluence Cloud nebo Nextcloudu. Každý má svou barvu a vidíte navzájem kurzory i výběr. Soubor musí být sdílený s právem úprav.

Jak nakreslím proces, který jde přes víc lidí?

Použij šablonu Diagram plavecké dráhy v sekci Základní. Každá role nebo oddělení má svůj pruh, takže je vidět, kdo který krok dělá.

Otevře draw.io soubory z Visia?

Soubory .vsdx ano. Starší .vsd otevřeš v desktopové aplikaci přetažením na plátno. Soubory .vdx a .vsx z Visia 2003 až 2010 neotevře, nejdřív je ve Visiu 2013 nebo novějším ulož jako .vsdx.

Jak přejdu z Lucidchartu?

V Lucidchartu označ celý diagram (Ctrl+A, na Macu Cmd+A), zkopíruj ho (Ctrl+C nebo Cmd+C) a vlož do prázdného diagramu v online draw.io (Ctrl+V nebo Cmd+V). Výrobce píše, že musíš použít právě klávesové zkratky.

Nakreslí mi diagram AI?

Ano, v online verzi přes nástroj na generování diagramu z textového popisu. Na začátek dotazu napiš typ diagramu, podle něj se vybere generátor. Desktopová aplikace AI nemá.

Jak dostanu diagram do Google Dokumentu nebo Prezentace?

Nainstaluj bezplatný doplněk draw.io pro Dokumenty, Tabulky nebo Prezentace. Vloží diagram z Google Disku jako obrázek a po změně ho jedním klikem aktualizuje. Druhá možnost je export do PNG a vložení jako obrázek.

Funguje draw.io bez internetu?

Ano. Desktopová aplikace pro Windows, macOS a Linux běží úplně offline. Online verze po načtení běží i bez připojení, jen bez ukládání do cloudu, šablon a exportu do PDF a obrázků.

Dá se vrátit starší verze diagramu?

U souborů na Google Disku ano, přes Soubor → Historie revizí. Vybereš verzi a obnovíš ji.

Napojí se draw.io na Shoptet?

Výrobce napojení neuvádí a není potřeba, do e-shopu se nic neinstaluje. draw.io je na interní dokumentaci, diagram na web vložíš jako obrázek.

Mám procesy kreslit hned od začátku?

Já bych v první fázi diagramy nedělal. Popiš proces textem do projektového nástroje. Diagramy dávají smysl, až procesů přibude tolik, že je projektový nástroj neunese.

Je lepší draw.io, nebo Miro?

draw.io je zdarma a ukládá do tvého úložiště. Miro je online nástěnka na workshopy s hlasováním a časovačem. Zdarma má jen 3 upravitelné nástěnky, Starter stojí 8 € za člena měsíčně při roční platbě.

Nevíš, jestli je tenhle nástroj pro tebe?

Nástroj je jen nástroj. V programu ESHOP BOOSTER spolu projdeme, které nástroje se tvému e-shopu vyplatí, kde ušetříš a kde platíš zbytečně.

Kam dál?

Tohle by tě mohlo také zajímat.

Reálné výsledky klientů

ESHOP BOOSTER MasterClass

Po 8 měsících spolupráce jsme dokázali zvýšit marži po marketingových nákladech o 53 % a konverzní poměr o 64 %.

Pavel Ronovsky · Majitel, Fanda-NHL.cz

ESHOP BOOSTER MasterClass

Po 3 měsících spolupráce jsme zvýšili meziroční růst obratu o 95 %. Díky přetendrování cen přepravy jsme snížili roční náklad na přepravu o 2,3 mil. Kč. Díky načerpání know-how jsme firmu posunuli minimálně o 2 roky.

Karol Piry · Majitel, SpinKids.cz

ESHOP BOOSTER MasterClass

Po 5 měsících spolupráce se optimalizací marketingových nákladů zvýšil zisk o 59 %. Meziročně jsme díky zavedení marketingového plánu realizovali okamžitý růst o 37 %.

Nicole Váchová · Majitelka, francobene.cz

Další případové studie →

Co říkají klienti

„Spolupráce s Ruslanem mi přinesla především komplexní nadhled nad podnikáním z pohledu manažera malé firmy. Pomohl mi lépe si stanovovat priority a soustředit se na to, co má pro firmu…“
Číst celé →
Alena Špačková · Majitelka, Davona.czESHOP BOOSTER MasterClass
„Mentoring s Ruslanem mi pomohl dívat se na e-commerce strategičtěji a hlavně více datově. Dokáže velmi rychle pochopit podstatu problému, oddělit důležité věci od zbytečného šumu a zaměřit…“
Číst celé →
Tomáš Peterek · Marketingový ředitel, KrmimKvalitně.czESHOP BOOSTER MasterClass
„Senzační věc na ESHOP BOOSTERu je, že vytváří komunitu nadšených e-shopařů a je schopný na jedné platformě sloučit, začínající e-shopaře s lidmi, kteří se v e-commerce byznysu pohybují…“
Číst celé →
Jan Chalupný · Majitel, naBOSo.czESHOP BOOSTER MasterClass
Všechny ohlasy klientů →
Ruslan Skopal, e-commerce praktik

Ruslan Skopal

Jsem ex-CEO a spoluzakladatel Trenýrkárna.cz, kterou jsem za 17 let dostal z nuly na tržby atakující 300 mil. Kč. Spoluzaložil jsem polygrafickou agenturu Tisk Kvalitně a digitální agenturu PromoGEN. Dnes předávám své know-how dalším e-shopařům v projektu ESHOP BOOSTER, který jsem založil s Danem Višňákem. Jsem také spoluzakladatelem projektu PodporujiČesko.cz, Skopea Labs a investorem v naBOSo.cz.