# 3D-editor online: modellering, material och animation - Spline (https://spline.design/sv/3d-design)

> Splines 3D-editor körs i webbläsaren. Modellera, texturera och animera interaktiv 3D med ditt team och en AI-agent, och publicera på webben, iOS och Android.

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

[Börja skapa](https://app.spline.design/signin)[Koppla din agent](https://spline.design/sv/mcp)

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

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

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

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

> ”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 Fernandes**Founding 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](https://spline.design/sv/ai-generate)

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

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

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

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.

- [WebWebGPU · WebGLPublicera en länk, bädda in visaren eller exportera kod för din stack och hosta den själv.](https://spline.design/sv/web)
- [AppleMetalLägg till en native SwiftUI-vy i din app, eller generera ett Xcode-projekt redo för App Store.](https://spline.design/sv/ios)
- [AndroidVulkanLägg till en native vy med Jetpack Compose, eller bygg en APK eller ett App Bundle direkt från Spline.](https://spline.design/sv/android)

prompt.md

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.

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

3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android.

#### Fråga AI om Spline

#### Produkter

- [3D-design](https://spline.design/sv/3d-design)
- [Hana](https://spline.design/sv/hana)
- [Omma](https://omma.build)
- [3D-generering med AI](https://spline.design/sv/ai-generate)
- [Spline MCP](https://spline.design/sv/mcp)
- [Spline Arena](https://spline.design/sv/arena)
- [Priser](https://spline.design/sv/pricing)
- [Företag](https://spline.design/sv/enterprise)

#### Runtimes

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

#### Appar

- [Ladda ner](https://spline.design/sv/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Ladda ner Spline Mirror](https://spline.design/download-mirror)

#### Lär dig

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/sv/blog)
- [Ändringslogg](https://spline.design/sv/changelog)
- [Utbildning](https://spline.design/sv/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/sv/affiliate)

#### Företaget

- [Kunder](https://spline.design/sv/customers)
- [Karriär](https://www.ycombinator.com/companies/spline/jobs)
- [Säkerhet](https://spline.design/sv/security)

#### Juridik

- [Villkor](https://spline.design/terms)
- [Integritet](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.