# Online-3D-Editor: Modellierung, Materialien und Animation - Spline (https://spline.design/de/3d-design)

> Der 3D-Editor von Spline läuft im Browser. Modelliere, texturiere und animiere interaktives 3D mit deinem Team und einem KI-Agenten und veröffentliche es im Web, auf iOS und Android.

# Der 3D-Editor, in dem dein Team und deine Agenten bauen

Modellieren, texturieren, animieren und interaktiv machen – gemeinsam in einer Live-Datei, direkt im Browser. **Agenten bauen den ersten Entwurf**, Designer verfeinern ihn, und er geht ins Web, auf iOS und Android.

[Jetzt loslegen](https://app.spline.design/signin)[Agenten verbinden](https://spline.design/de/mcp)

So arbeiten Teams in Spline

## Eine Datei, vom Prompt bis zur Produktion

Agenten und Designer wechseln sich in derselben Live-Szene ab. Nichts muss zwischendurch exportiert, reimportiert oder nachgebaut werden.

1. 01  
### Prompt  
Beschreibe die Szene. Dein Agent liest die Datei und legt die Grundstruktur an: Formen, Lichter und eine Kamera.
2. 02  
### Gemeinsam bauen  
Designer steigen in dieselbe Live-Datei ein, um zu modellieren, Materialien abzustimmen und Kommentare zu hinterlassen, während der Agent weiterarbeitet.
3. 03  
### Zurückgeben  
Wähle etwas aus und bitte um eine Änderung: einen Hover-State, eine Variante, eine Timeline. Agenten sehen, was du siehst.
4. 04  
### Veröffentlichen  
Veröffentliche im Web, exportiere Code oder bring dieselbe Datei auf iOS und Android.

Design, KI und Code

## In 3D modellieren, mit einem Agenten an deiner Seite

Vertraute Design-Tools und Echtzeit-Rendering, dazu ein KI-Agent, der Szenen baut und den Code schreibt.

- Echtzeit-Rendering
- Grundkörper und 3D-Modellierung
- Agentisches Bearbeiten mit KI
- Eigener Code für UIs und Logik

Oder frag deinen Agenten

Leg eine Low-Poly-Insel mit Wasserfall an.

Materialien und Shading

## Ebenenbasierte Materialien

Erstelle einzigartige Materialien, indem du Ebenen stapelst statt Shader zu schreiben – oder starte mit der fertigen Materialbibliothek.

- Ebenenbasiertes Materialsystem
- Glas, Fresnel und Displace
- Fertige Materialbibliothek

Mach das Wasser gläserner, mit einer weichen Fresnel-Kante.

Interaktivität und Bewegung

## Erwecke deine Szene zum Leben

Füge mit dem Event-System von Spline Interaktivität und Animation hinzu: States, Timelines, Spielsteuerung und Physik.

- States und Events
- Timeline-Animation
- Spielsteuerung
- Physik und Partikel

Lass das Boot in einer Schleife schaukeln und beim Anklicken kentern.

Variablen und Daten

## Echtzeitdaten, in 3D

Steuere, was deine Szene zeigt, mit Live-Werten aus Variablen, Webhooks und APIs.

- Variablen
- Webhooks und API-Requests
- Bedingte Aktionen

Zeig den Live-Spielstand aus unserer API auf der Anzeigetafel.

> „Mit Spline können wir **interaktive 3D-Objekte erstellen, die unser Produkt greifbar machen.** Das ist mehr als Dekoration. **So zeigen wir, wie wichtig uns Details sind.**“

**Zeh Fernandes**Founding Designer, Resend

Zusammenarbeit

## Gemeinsam gestalten, in Echtzeit

### Zusammenarbeit in Echtzeit

Alle bearbeiten dieselbe Live-Szene, Agenten inklusive, und sehen die Cursor der anderen.

### Kommentare

Hinterlasse Feedback für dein Team direkt in der Szene oder Notizen für dich selbst.

### Teams, Projekte und Ordner

Organisiere die Arbeit nach Team und Projekt und teile eine Datei per Link.

Funktionen

## Ein komplettes Toolkit für 3D-Design

Die Tools hinter produktionsreifem 3D – vom ersten Grundkörper bis zum finalen Export.

### 3D-Modellierung und Boolesche Operationen

Modelliere jede Art von Objekt mit einer Reihe von 3D-Tools.

### 3D-Vektorbearbeitung

Das Vektor-Tool, das du kennst, im 3D-Raum.

### Kamerasteuerung

Nutze Kameras, um deine Szene zu umkreisen und zu komponieren.

### Komponenten

Baue 3D-Designsysteme aus wiederverwendbaren Komponenten.

### Vorlagenbibliothek

3D-Designs, Vorlagen und Objekte, sofort einsatzbereit.

### Drag-and-drop

3D-Drag-and-drop-Interaktionen ohne Code.

### Physik

Starrkörper, Collider, Schwerkraft und Kräfte, in Echtzeit simuliert.

### Variablen

Zahlen, Booleans und Text, die Objekte, States und UI steuern.

### Material-Assets

Bleib organisiert mit Texturen und Farben als Assets.

### PBR- und HDR-Workflow

Physikalische Materialien, HDRI-Beleuchtung und PBR-Exporte.

### Videotexturen

Spiele Videos auf deinen Modellen ab – mit Videotextur-Ebenen.

### Post-Processing

Vollende den Look mit Bloom, Tiefenschärfe und Color Grading.

### WebGPU-Rendering

Editor und Exporte rendern mit WebGPU, mit WebGL als Fallback.

### Bild-, Video- und 3D-Exporte

JPG und PNG, MP4 und GIF oder GLTF und USDZ.

### Code-Export

Bring dein Design in deine React-Projekte.

### [KI-3D-Generierung](https://spline.design/de/ai-generate)

Generiere Modelle aus einem Prompt oder einem Bild, bereit für deine Szene.

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

Steuere den Editor aus Claude, ChatGPT, Cursor und anderen Agenten.

Organisiere deine 3D-Arbeit nach Team, Projekt und Ordner.

Veröffentlichen

## Eine Szene. Web, Apple und Android.

Bring dieselbe Datei auf eine Website, in eine iPhone-App oder eine Android-App. Jede Plattform hat ihren eigenen nativen Renderer, sodass Szenen ihre Interaktivität und Performance behalten.

- [WebWebGPU · WebGLVeröffentliche einen Link, bette den Viewer ein oder exportiere Code für deinen Stack und hoste ihn selbst.](https://spline.design/de/web)
- [AppleMetalFüge deiner App eine native SwiftUI-View hinzu oder generiere ein Xcode-Projekt, das bereit für den App Store ist.](https://spline.design/de/ios)
- [AndroidVulkanFüge mit Jetpack Compose eine native View hinzu oder baue ein APK oder App Bundle direkt aus Spline.](https://spline.design/de/android)

prompt.md

FAQ

## Fragen und Antworten

Ist Spline kostenlos?

Ja. Der Free-Plan kostet 0 $ im Monat und bietet dir den 3D-Design-Editor im Browser, die Spline Library und Web-Exporte. Bezahlpläne bieten zusätzlich KI-Credits, mehr Dateien und mehr Exportmöglichkeiten.

Kann ich 3D-Design im Browser machen?

Ja. Spline läuft im Browser, ohne Installation, und rendert mit WebGPU, mit WebGL als Fallback. Außerdem gibt es eine Desktop-App für Mac und Windows.

Brauche ich Erfahrung in 3D-Modellierung?

Nein. Starte mit Grundkörpern oder der Spline Library, oder beschreibe, was du möchtest, und lass einen Agenten den ersten Entwurf bauen. Wenn du schon mit einem Design-Tool gearbeitet hast, werden dir Ebenen, Eigenschaften und das Echtzeit-Canvas vertraut vorkommen.

Was kann ich mit Spline erstellen?

Interaktives 3D für Websites und Apps: Hero-Szenen, Produktviewer, Spiele, Datenvisualisierungen und UI mit Tiefe – zum Leben erweckt mit States, Events, Timeline-Animation und Physik.

Wo kann ich meine 3D-Designs verwenden?

Veröffentliche sie per Link oder Embed im Web, bring die Szene in deine React-Projekte oder dieselbe Datei auf iOS und Android. Du kannst auch Bilder, Videos, GLTF und USDZ exportieren.

Kann ich mit meinem Team und KI-Agenten in 3D gestalten?

Ja. Jede Datei ist live: Dein Team modelliert, kommentiert und prüft gemeinsam in Echtzeit. Claude, ChatGPT, Cursor und andere Agenten können über Spline MCP in derselben Datei arbeiten.

## Starte jetzt in 3D

Verbinde deinen Agenten, lade dein Team ein und veröffentliche noch heute deine erste 3D-Szene.

[Spline](https://spline.design/de)

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

- [Web](https://spline.design/de/web)
- [iOS](https://spline.design/de/ios)
- [Android](https://spline.design/de/android)

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/de/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Lösungen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.