# Online 3D editor: modelování, materiály a animace - Spline (https://spline.design/cs/3d-design)

> 3D editor Spline běží ve vašem prohlížeči. Modelujte, texturujte a animujte interaktivní 3D s týmem a AI agentem a pak ho publikujte na web, iOS i Android.

# 3D editor, ve kterém tvoří váš tým i agenti

Modelujte, texturujte, animujte a přidávejte interaktivitu, společně v jednom živém souboru, přímo v prohlížeči. **Agenti připraví první verzi**, designéři ji doladí a pak míří na web, iOS i Android.

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

Jak týmy pracují ve Spline

## Jeden soubor, od promptu do produkce

Agenti a designéři se střídají ve stejné živé scéně. Mezi nimi se nic neexportuje, znovu neimportuje ani nepředělává.

1. 01  
### Prompt  
Popište scénu. Váš agent přečte soubor a hrubě ji rozvrhne: tvary, světla a kameru.
2. 02  
### Tvořte společně  
Designéři se připojí do stejného živého souboru, modelují, ladí materiály a nechávají komentáře, zatímco agent pracuje dál.
3. 03  
### Předejte zpět  
Vyberte cokoli a požádejte o změnu: stav hover, variantu, časovou osu. Agenti vidí to, co vy.
4. 04  
### Publikujte  
Publikujte na web, exportujte kód, nebo vezměte stejný soubor na iOS a Android.

Design, AI a kód

## Modelujte ve 3D s agentem po boku

Známé designové nástroje a rendering v reálném čase, k tomu AI agent, který staví scény a píše kód.

- Rendering v reálném čase
- Primitiva a 3D modelování
- Agentní úpravy pomocí AI
- Vlastní kód pro UI a logiku

Nebo požádejte svého agenta

Rozvrhni low-poly ostrov s vodopádem.

Materiály a stínování

## Materiály z vrstev

Vytvářejte jedinečné materiály skládáním vrstev místo psaní shaderů, nebo začněte z hotové knihovny materiálů.

- Vrstvený systém materiálů
- Sklo, fresnel a displacement
- Hotová knihovna materiálů

Udělej vodu sklovitější, s jemným fresnelovým okrajem.

Interaktivita a pohyb

## Vdechněte scéně život

Přidejte interaktivitu a animace pomocí systému událostí ve Spline: stavy, časové osy, herní ovládání a fyzika.

- Stavy a události
- Animace na časové ose
- Herní ovládání
- Fyzika a částice

Ať se loďka dokola pohupuje a po kliknutí se převrhne.

Proměnné a data

## Data v reálném čase, ve 3D

Řiďte, co scéna zobrazuje, živými hodnotami z proměnných, webhooků a API.

- Proměnné
- Webhooky a požadavky na API
- Podmíněné akce

Zobraz na výsledkové tabuli živé skóre z našeho API.

> „Se Spline můžeme **vytvářet interaktivní 3D objekty, díky kterým je náš produkt hmatatelný.** Není to jen dekorace. **Ukazujeme tím, že nám záleží na detailech.**“

**Zeh Fernandes**Zakládající designér, Resend

Spolupráce

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

### Spolupráce v reálném čase

Všichni upravují stejnou živou scénu, včetně agentů, a vidí navzájem své kurzory.

### Komentáře

Nechte týmu zpětnou vazbu přímo ve scéně, nebo si zapište poznámky pro sebe.

### Týmy, projekty a složky

Organizujte práci podle týmů a projektů a sdílejte soubor pomocí odkazu.

Funkce

## Kompletní sada nástrojů pro 3D design

Nástroje, za kterými stojí 3D připravené pro produkci, od prvního primitiva až po finální export.

### 3D modelování a booleovské operace

Modelujte jakýkoli objekt pomocí široké sady 3D nástrojů.

### Vektorové úpravy ve 3D

Vektorový nástroj, který už znáte, ve 3D prostoru.

### Ovládání kamery

Pomocí kamer kolem scény obíhejte a komponujte ji.

### Komponenty

Stavějte 3D design systémy z opakovaně použitelných komponent.

### Knihovna šablon

3D návrhy, šablony a objekty připravené k použití.

### Drag and drop

3D interakce přetažením, bez psaní kódu.

### Fyzika

Tuhá tělesa, kolidery, gravitace a síly simulované v reálném čase.

### Proměnné

Čísla, booleovské hodnoty a text, které řídí objekty, stavy a UI.

### Assety materiálů

Udržujte pořádek s texturami a barvami jako assety.

### Workflow PBR a HDR

Fyzikální materiály, osvětlení HDRI a exporty PBR.

### Video textury

Přehrávejte video na svých modelech pomocí vrstev video textury.

### Post-processing

Dotáhněte vzhled pomocí bloomu, hloubky ostrosti a barevných korekcí.

### Rendering přes WebGPU

Editor i exporty se renderují přes WebGPU, se záložním WebGL.

### Export obrázků, videa a 3D

JPG a PNG, MP4 a GIF, nebo GLTF a USDZ.

### Export kódu

Vložte svůj návrh do svých React projektů.

### [Generování 3D pomocí AI](https://spline.design/cs/ai-generate)

Generujte modely z promptu nebo obrázku, připravené k použití ve scéně.

### [Spline MCP](https://spline.design/cs/mcp)

Ovládejte editor z Claude, ChatGPT, Cursoru a dalších agentů.

Organizujte svou 3D práci podle týmů, projektů a složek.

Publikace

## Jedna scéna. Web, Apple i Android.

Publikujte stejný soubor na web, do aplikace pro iPhone i do aplikace pro Android. Každá platforma má vlastní nativní renderer, takže scény si zachovají interaktivitu i výkon.

- [WebWebGPU · WebGLPublikujte odkaz, vložte Spline Viewer, nebo exportujte kód pro svůj stack a hostujte ho sami.](https://spline.design/cs/web)
- [AppleMetalPřidejte do aplikace nativní SwiftUI view, nebo vygenerujte projekt v Xcode připravený pro App Store.](https://spline.design/cs/ios)
- [AndroidVulkanPřidejte nativní view pomocí Jetpack Compose, nebo sestavte APK či App Bundle přímo ze Spline.](https://spline.design/cs/android)

prompt.md

Časté dotazy

## Odpovědi na vaše otázky

Je Spline zdarma?

Ano. Plán Free stojí 0 $ měsíčně a nabízí 3D designový editor v prohlížeči, Spline Library a webové exporty. Placené plány přidávají AI kredity, víc souborů a víc možností exportu.

Můžu dělat 3D design v prohlížeči?

Ano. Spline běží ve vašem prohlížeči, nic se neinstaluje, a renderuje přes WebGPU se záložním WebGL. K dispozici je i desktopová aplikace pro Mac a Windows.

Potřebuju zkušenosti s 3D modelováním?

Ne. Začněte z primitiv nebo ze Spline Library, nebo popište, co chcete, a první verzi nechte postavit agenta. Pokud jste už pracovali s nějakým designovým nástrojem, vrstvy, vlastnosti i plátno v reálném čase vám budou povědomé.

Co můžu ve Spline vytvořit?

Interaktivní 3D pro weby a aplikace: hero scény, prohlížeče produktů, hry, vizualizace dat a UI s hloubkou, oživené stavy, událostmi, animací na časové ose a fyzikou.

Kde můžu své 3D návrhy použít?

Publikujte je na web jako odkaz nebo embed, vložte scénu do svých React projektů, nebo vezměte stejný soubor na iOS a Android. Exportovat můžete také obrázky, video, GLTF a USDZ.

Můžu navrhovat ve 3D se svým týmem a AI agenty?

Ano. Každý soubor je živý: váš tým společně modeluje, komentuje a kontroluje v reálném čase. Claude, ChatGPT, Cursor a další agenti můžou pracovat ve stejném souboru přes Spline MCP.

## Začněte tvořit ve 3D

Propojte svého agenta, pozvěte tým a publikujte svou první 3D scénu 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.