3D-editorn där ditt team och dina agenter bygger

Modellera, texturera, animera och gör det interaktivt, tillsammans i en enda levande fil, direkt i webbläsaren. Agenterna bygger första versionen, designers förfinar den och den publiceras på webben, iOS och Android.

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
Så arbetar team i Spline

En fil, från prompt till produktion

Agenter och designers turas om i samma levande scen. Inget att exportera, importera på nytt eller bygga om däremellan.

  1. 01

    Prompt

    Beskriv scenen. Din agent läser filen och skissar upp den: former, ljus och en kamera.

  2. 02

    Bygg tillsammans

    Designers hoppar in i samma levande fil för att modellera, justera material och lämna kommentarer medan agenten fortsätter arbeta.

  3. 03

    Lämna tillbaka

    Markera vad som helst och be om en ändring: ett hover-läge, en variant, en tidslinje. Agenterna ser det du ser.

  4. 04

    Publicera

    Publicera på webben, exportera kod eller ta samma fil till iOS och Android.

Design, AI och kod

Modellera i 3D, med en agent vid din sida

Välbekanta designverktyg och rendering i realtid, plus en AI-agent som bygger scener och skriver koden.

  • Rendering i realtid
  • Grundformer och 3D-modellering
  • Agentisk redigering med AI
  • Egen kod för UI och logik
Eller be din agent

Skissa upp en low-poly-ö med ett vattenfall.

Material och shading

Material i lager

Skapa unika material genom att stapla lager i stället för att skriva shaders, eller utgå från det färdiga materialbiblioteket.

  • Materialsystem i lager
  • Glas, fresnel och displacement
  • Färdigt materialbibliotek
Eller be din agent

Gör vattnet mer glasartat, med en mjuk fresnelkant.

Interaktivitet och rörelse

Väck din scen till liv

Lägg till interaktivitet och animation med Splines händelsesystem: tillstånd, tidslinjer, spelkontroller och fysik.

  • Tillstånd och händelser
  • Animation med tidslinje
  • Spelkontroller
  • Fysik och partiklar
Eller be din agent

Låt båten gunga i en loop och välta när man klickar.

Variabler och data

Realtidsdata, i 3D

Styr vad scenen visar med levande värden från variabler, webhooks och API:er.

  • Variabler
  • Webhooks och API-anrop
  • Villkorliga åtgärder
Eller be din agent

Visa livepoängen från vårt API på resultattavlan.

Resend
”Med Spline kan vi skapa interaktiva 3D-objekt som gör vår produkt påtaglig. Det är mer än dekoration. Det är så vi visar att vi bryr oss om detaljerna.”
Zeh FernandesFounding Designer, Resend
Samarbete

Designa tillsammans, i realtid

Samarbete i realtid

Alla redigerar samma levande scen, agenterna också, och ser varandras muspekare.

Kommentarer

Lämna feedback till ditt team direkt i scenen, eller anteckningar till dig själv.

Team, projekt och mappar

Organisera arbetet efter team och projekt, och dela en fil med en länk.

Funktioner

En komplett verktygslåda för 3D-design

Verktygen bakom produktionsklar 3D, från den första grundformen till den slutliga exporten.

3D-modellering och booleska operationer

Modellera alla typer av objekt med en uppsättning 3D-verktyg.

Vektorredigering i 3D

Vektorverktyget du redan kan, i 3D-rymden.

Kamerakontroller

Använd kameror för att kretsa runt och komponera din scen.

Komponenter

Bygg 3D-designsystem med återanvändbara komponenter.

Mallbibliotek

Färdiga designer, mallar och 3D-objekt.

Dra och släpp

3D-interaktioner med dra och släpp, utan kod.

Fysik

Stela kroppar, kollisionsobjekt, gravitation och krafter, simulerade i realtid.

Variabler

Tal, booleska värden och text som styr objekt, tillstånd och gränssnitt.

Materialtillgångar

Håll ordning med texturer och färger som tillgångar.

PBR- och HDR-arbetsflöde

Fysikaliskt baserade material, HDRI-belysning och PBR-export.

Videotexturer

Spela upp video på dina modeller med lager för videotexturer.

Efterbehandling

Sätt pricken över i:et med bloom, skärpedjup och färgkorrigering.

WebGPU-rendering

Editorn och exporterna renderas med WebGPU, med WebGL som reserv.

Export av bild, video och 3D

JPG och PNG, MP4 och GIF, eller GLTF och USDZ.

Kodexport

Ta in din design i dina React-projekt.

3D-generering med AI

Generera modeller från en prompt eller en bild, redo för din scen.

Spline MCP

Styr editorn från Claude, ChatGPT, Cursor och andra agenter.

Team, projekt och mappar

Organisera ditt 3D-arbete efter team, projekt och mapp.

Publicera

En scen. Webb, Apple och Android.

Publicera samma fil på en webbplats, i en iPhone-app eller i en Android-app. Varje plattform får sin egen native renderare, så scenerna behåller sin interaktivitet och prestanda.

Vanliga frågor

Svar på dina frågor

Är Spline gratis?

Ja. Free-planen kostar 0 USD i månaden och innehåller 3D-designeditorn i webbläsaren, Spline Library och webbexport. Betalplanerna lägger till AI-krediter, fler filer och fler sätt att exportera.

Kan jag göra 3D-design i webbläsaren?

Ja. Spline körs i webbläsaren utan något att installera och renderar med WebGPU, med WebGL som reserv. Det finns också en skrivbordsapp för Mac och Windows.

Behöver jag erfarenhet av 3D-modellering?

Nej. Börja med grundformer eller Spline Library, eller beskriv vad du vill ha och låt en agent bygga första versionen. Har du använt ett designverktyg förut känns lager, egenskaper och canvasen i realtid bekanta.

Vad kan jag skapa med Spline?

Interaktiv 3D för webbplatser och appar: hero-scener, produktvisare, spel, datavisualiseringar och gränssnitt med djup, som väcks till liv med tillstånd, händelser, animation med tidslinje och fysik.

Var kan jag använda mina 3D-designer?

Publicera på webben med en länk eller en inbäddning, ta in scenen i dina React-projekt eller använd samma fil på iOS och Android. Du kan också exportera bilder, video, GLTF och USDZ.

Kan jag designa i 3D med mitt team och AI-agenter?

Ja. Varje fil är levande: ditt team modellerar, kommenterar och granskar i realtid. Claude, ChatGPT, Cursor och andra agenter kan arbeta i samma fil via Spline MCP.

Börja bygga i 3D

Koppla din agent, bjud in ditt team och publicera din första 3D-scen redan i dag.