# Představujeme Hanu - Spline blog (https://spline.design/cs/blog/introducing-hana) > Nové plátno pro interaktivní design. [Blog](https://spline.design/cs/blog) 23\. dubna 2025 # Představujeme Hanu Nové plátno pro interaktivní design. [Otevřít Hanu](https://app.spline.design) Hana přináší nový přístup k interaktivnímu designu. Je postavená od základu s důrazem na výkon a jde o plátno v reálném čase, na kterém navrhnete a rozpohybujete interaktivní 2D zážitky – od vyladěných rozhraní po dynamické vizuály – a dodáte je do produkce. S Hanou vytvoříte bohatý obsah založený na stavech, který se chová, odpovídá a reaguje na rychlém a nekonečném plátně. Najeďte kurzorem nebo se dotkněte (zážitek vytvořený v Haně) ## Možnosti Pro Hanu jsme postavili nový druh vykreslovacího enginu, který dokáže vektorová data zpracovávat opravdu rychle, v reálném čase. Tvůrcům dává moderní úpravy vektorových sítí, přechody založené na stavech a efekty akcelerované GPU – vše v prostředí pro spolupráci, které běží přímo v prohlížeči. Vše, co v Haně navrhnete, je ve výchozím stavu připravené pro produkci. Ať jde o jednoduchý tvar, nebo složitý interaktivní zážitek, engine Hany je postavený tak, aby zvládl interakce v reálném čase, které snadno vložíte do libovolného webu nebo aplikace. Od přesného kreslení vektorů po měkké stíny a rozostření – Hana spojuje výkon a jednoduchost tak, že působí lehce, a přesto bez hranic. Zážitky vytvořené v Haně ## Spolupráce na designu v reálném čase Framy v Haně mohou být přehrávatelné komponenty, které fungují samostatně, a to vše přímo v editoru. To zjednodušuje tvorbu, protože odpadá potřeba režimu „Animate“. Se svým zážitkem můžete interagovat tak, že ho přímo přehrajete na framu v editoru. Framy lze také jednotlivě exportovat jako živé URL, obrázky a v budoucnu i další formáty. Sdílejte odkaz a spolupracovníci se mohou okamžitě připojit, zažít vaše plátno a přispět do něj. Každá úprava se zobrazí živě. Zpětná vazba je okamžitá. Multiplayer už od návrhu, a pořádně. Hana využívá systém spolupráce v reálném čase z 3D editoru Spline, který už je podporovaný, takže váš tým může postupovat rychleji a zůstat v souladu. Vektorové sítě vytvořené v Haně ## Vektorové sítě v reálném čase Vektorové sítě (koncept, který v roce 2016 představila Figma) umožňují spojit více než dvě čáry v jednom bodě, což usnadňuje tvorbu nejrůznějších tvarů. Hana tento přístup posouvá na další úroveň a přináší první systém, který umožňuje vytvářet vektorové sítě v prostředí reálného času. Víceúrovňové booleovské operace vám navíc umožní vytvářet pokročilé tvary a plynulé efekty a snadno tak dosáhnout složitých, animovatelných tvarů. ## Interakce a animace Přidejte svým návrhům chování pomocí interakcí řízených událostmi – od stavů při najetí kurzorem po vstup z klávesnice. Animujte přechody, stavějte toky a experimentujte s pohybem přímo na plátně. Bez přepínání nástrojů. S Hanou se pohyb a interaktivita stávají součástí designového procesu, ne něčím, co se řeší až dodatečně. ## Export a sdílení pro produkci Stejně jako ve 3D editoru Spline můžete i v Haně z libovolného framu vygenerovat živé interaktivní odkazy. Vše je optimalizované pro vložení do produkčního prostředí, takže vaše práce vypadá po nasazení stejně dobře jako v editoru. ## Nová éra interaktivity Je to nové médium pro interaktivní myšlení. Ať navrhujete produkt, ladíte interakci v UI, nebo tvoříte bohaté interaktivní zážitky, Hana vám pomůže vaše nápady oživit. **Hana je základem pro to, co přijde.** Je to první krok v širší vizi toho, čím je dnes ekosystém Spline – kde se design ve 2D/3D a interaktivita prolínají a plynule nasazují. Už se nemůžeme dočkat, co v Haně vytvoříte! — Tým Spline 🌸 [Zjistit více](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Další články z blogu [3\. listopadu 2026Představujeme Spline Arena](https://spline.design/cs/blog/introducing-spline-arena)[21\. října 2026Představujeme Spline pro ChatGPT](https://spline.design/cs/blog/introducing-spline-for-chatgpt)[27\. srpna 2026Představujeme Hanu V2](https://spline.design/cs/blog/hana-v2) [Spline](https://spline.design/cs) 3D a 2D editor pro týmy a jejich agenty. Publikujte na web, iOS i Android. #### Zeptejte se AI na Spline #### Produkty - [3D design](https://spline.design/cs/3d-design) - [Hana](https://spline.design/cs/hana) - [Omma](https://omma.build) - [Generování 3D pomocí AI](https://spline.design/cs/ai-generate) - [Spline MCP](https://spline.design/cs/mcp) - [Spline Arena](https://spline.design/cs/arena) - [Ceník](https://spline.design/cs/pricing) - [Enterprise](https://spline.design/cs/enterprise) #### Runtimy - [Web](https://spline.design/cs/web) - [iOS](https://spline.design/cs/ios) - [Android](https://spline.design/cs/android) #### Aplikace - [Stáhnout](https://spline.design/cs/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Stáhnout Spline Mirror](https://spline.design/download-mirror) #### Výuka - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/cs/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Řešení](https://spline.design/solutions) #### Komunita - [Komunita Spline](https://community.spline.design) - [Blog](https://spline.design/cs/blog) - [Novinky](https://spline.design/cs/changelog) - [Vzdělávání](https://spline.design/cs/education) - [Contra](https://spline.design/contra) - [Partnerský program](https://spline.design/cs/affiliate) #### Společnost - [Zákazníci](https://spline.design/cs/customers) - [Kariéra](https://www.ycombinator.com/companies/spline/jobs) - [Zabezpečení](https://spline.design/cs/security) #### Právní informace - [Obchodní podmínky](https://spline.design/terms) - [Ochrana soukromí](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.