# Spline Hana - Designové plátno poháněné AI agenty (https://spline.design/cs/hana)

> Hana je 2D designové plátno Spline: vektorové úpravy akcelerované GPU, stavy a animace a AI agenti – vlastní nebo ti vaši přes MCP – kteří navrhují s vaším týmem.

# Designové plátno poháněné AI agenty

Navrhujte se svým týmem, s podporou AI agentů, MCP a **vektorových nástrojů akcelerovaných GPU**.

[Začněte tvořit](https://app.spline.design/signin)[Propojte svého agenta](https://spline.design/cs/mcp)

Knihovna

## Design v pohybu, poháněný Hanou

Objevte ukázky vytvořené v Haně. Remixujte, přestavujte a zkoumejte, jak se z vašich nápadů mohou stát zážitky připravené pro produkci.

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

Designové nástroje

## Známé i pokročilé nástroje pro profesionální design

Známé designové nástroje, pokročilé efekty a struktura, která udrží velké projekty v pořádku.

- Nekonečné plátno s framy
- Vektorové sítě a booleovské operace
- Stránky a sekce
- Přechody, sklo a 3D tvary

Interaktivita a animace

## Vdechněte svým návrhům život

Přidejte pohyb a interaktivitu pomocí stavů, událostí a animací, ručně nebo s pomocí agenta.

- Stavy a události
- Animace pomocí přechodových akcí
- Interaktivita Follow a Look At

AI agenti

## Plátno, na kterém navrhují i vaši agenti

Na plátně navrhuje vlastní agent Hany, a stejně tak i ten váš, z Claude, ChatGPT, Cursoru nebo jakéhokoli MCP klienta.

- Staví framy, efekty a interakce
- Několik obrazovek najednou
- Váš vlastní agent přes MCP
- Vše zůstává ručně upravitelné
[Propojte svého agenta](https://spline.design/cs/mcp)

Stvořeno pro interaktivitu

## Designový nástroj stvořený pro interaktivitu

Rychlé a povědomé rozhraní s nástroji, které potřebujete k navrhování interaktivních rozhraní, pohybu a grafiky v reálném čase.

- ### Známé designové nástroje  
Navrhujte na nekonečném plátně s framy, perem, booleovskými operacemi, tvary a dalšími nástroji.
- ### Výkonná interaktivita  
Vytvářejte interaktivní zážitky pomocí stavů, událostí a akcí.
- ### Animované zážitky  
Rozpohybujte své návrhy pomocí stavů a přechodů.
- ### Vizuální efekty  
Stíny, rozostření, šum, sklo a 3D pro vizuální efekty v reálném čase.
- ### Booleovské operace v reálném čase  
Vytvářejte propracované booleovské systémy a animujte je v reálném čase.
- ### Vektorové sítě  
Tvořte vektorové sítě a dodejte jim jedinečnou interaktivitu.
- ### Náhled na plátně  
Prohlédněte si interaktivitu a animace přímo na plátně.
- ### Exporty připravené pro produkci  
Začleňte své interaktivní návrhy do webů, webových aplikací a digitálních produktů.

Spolupráce

## Navrhujte společně, v reálném čase

Navrhujte interaktivitu na nekonečném plátně se spoluprací v reálném čase, uspořádanou ve sdíleném prostoru pro celý tým.

### Multiplayer v reálném čase

Navrhujte společně s celým týmem ve stejném souboru.

### Role a oprávnění

Mějte plnou kontrolu nad individuálními rolemi editor a prohlížející.

### Správa souborů

Sdílený týmový prostor pro ukládání a správu všech souborů a projektů.

### Poznámky a zpětná vazba

Zanechte týmu komentáře nebo si dělejte poznámky přímo v editoru.

Export

## Publikujte interaktivitu na web

Snadno začleňte interaktivní zážitky do svých webů, webových aplikací a digitálních produktů.

Pohybem myši nebo prstu scénu rozhýbete[Remixovat scénu](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

index.html

```
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Začněte navrhovat s Hanou

Propojte svého agenta, pozvěte tým a publikujte svůj první návrh ještě dnes.

[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.
