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.
Agenten und Designer wechseln sich in derselben Live-Szene ab. Nichts muss zwischendurch exportiert, reimportiert oder nachgebaut werden.
01
Prompt
Beschreibe die Szene. Dein Agent liest die Datei und legt die Grundstruktur an: Formen, Lichter und eine Kamera.
02
Gemeinsam bauen
Designer steigen in dieselbe Live-Datei ein, um zu modellieren, Materialien abzustimmen und Kommentare zu hinterlassen, während der Agent weiterarbeitet.
03
Zurückgeben
Wähle etwas aus und bitte um eine Änderung: einen Hover-State, eine Variante, eine Timeline. Agenten sehen, was du siehst.
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
Oder frag deinen Agenten
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
Oder frag deinen Agenten
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
Oder frag deinen Agenten
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 FernandesFounding 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.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
Können die Rotoren bei der Landung langsamer anlaufen?
AAgent2 min ago
Über 1,2 s eingeblendet. Schau mal.
YYouJust now
Perfekt. Ab damit!
Reply
You
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.
Steuere den Editor aus Claude, ChatGPT, Cursor und anderen Agenten.
Teams, Projekte und Ordner
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.
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.