# Editor 3D Online: Modeling, Material, dan Animasi - Spline (https://spline.design/id/3d-design)

> Editor 3D Spline berjalan di browser Anda. Buat model, beri tekstur, dan animasikan 3D interaktif bersama tim dan agen AI, lalu rilis ke web, iOS, dan Android.

# Editor 3D tempat tim dan agen Anda berkarya

Buat model, beri tekstur, animasikan, dan jadikan interaktif, bersama-sama dalam satu file live, langsung di browser Anda. **Agen membuat versi pertama**, desainer menyempurnakannya, lalu dirilis ke web, iOS, dan Android.

[Mulai berkarya](https://app.spline.design/signin)[Hubungkan agen Anda](https://spline.design/id/mcp)

Cara tim bekerja di Spline

## Satu file, dari prompt ke produksi

Agen dan desainer bergantian di scene live yang sama. Tidak ada yang perlu diekspor, diimpor ulang, atau dibangun ulang di antara mereka.

1. 01  
### Prompt  
Jelaskan scene-nya. Agen Anda membaca file dan menyusun kerangkanya: bentuk, cahaya, dan kamera.
2. 02  
### Bangun bersama  
Desainer bergabung di file live yang sama untuk membuat model, mengatur material, dan meninggalkan komentar sementara agen terus bekerja.
3. 03  
### Serahkan kembali  
Pilih apa saja dan minta perubahan: state hover, varian, timeline. Agen melihat apa yang Anda lihat.
4. 04  
### Rilis  
Publikasikan ke web, ekspor kode, atau bawa file yang sama ke iOS dan Android.

Desain, AI, dan kode

## Modeling 3D, dengan agen di sisi Anda

Alat desain yang familier dan rendering real-time, plus agen AI yang membangun scene dan menulis kodenya.

- Rendering real-time
- Primitif dan modeling 3D
- Pengeditan agentik dengan AI
- Kode kustom untuk UI dan logika

Atau minta agen Anda

Buat kerangka pulau low-poly dengan air terjun.

Material dan shading

## Material berbasis layer

Buat material unik dengan menumpuk layer alih-alih menulis shader, atau mulai dari pustaka material siap pakai.

- Sistem material berbasis layer
- Kaca, fresnel, dan displace
- Pustaka material siap pakai

Buat airnya lebih seperti kaca, dengan tepi fresnel yang lembut.

Interaktivitas dan gerak

## Hidupkan scene Anda

Tambahkan interaktivitas dan animasi dengan sistem event Spline: state, timeline, kontrol game, dan fisika.

- State dan event
- Animasi timeline
- Kontrol game
- Fisika dan partikel

Buat perahunya terombang-ambing terus-menerus dan terbalik saat diklik.

Variabel dan data

## Data real-time, dalam 3D

Atur apa yang ditampilkan scene Anda dengan nilai live dari Variabel, Webhook, dan API.

- Variabel
- Webhook dan permintaan API
- Action bersyarat

Tampilkan skor live dari API kami di papan skor.

> “Dengan Spline, kami bisa **membuat objek 3D interaktif yang membuat produk kami terasa nyata.** Ini lebih dari sekadar dekorasi. **Inilah cara kami menunjukkan kepedulian pada detail.**”

**Zeh Fernandes**Founding Designer, Resend

Kolaborasi

## Desain bersama, secara real-time

### Kolaborasi real-time

Semua orang mengedit scene live yang sama, termasuk agen, dan saling melihat kursor masing-masing.

### Komentar

Tinggalkan masukan untuk tim langsung di scene, atau catatan untuk diri sendiri.

### Tim, proyek, dan folder

Atur pekerjaan per tim dan proyek, lalu bagikan file lewat tautan.

Fitur

## Perangkat lengkap untuk desain 3D

Alat di balik 3D yang siap produksi, dari primitif pertama hingga ekspor akhir.

### Modeling 3D dan boolean

Buat model objek apa pun dengan beragam alat 3D.

### Pengeditan vektor 3D

Alat vektor yang sudah Anda kenal, di ruang 3D.

### Kontrol kamera

Gunakan kamera untuk mengorbit dan menata komposisi scene.

### Komponen

Bangun sistem desain 3D dari komponen yang bisa dipakai ulang.

### Pustaka template

Desain 3D, template, dan objek yang siap dipakai.

### Drag and drop

Interaksi drag-and-drop 3D tanpa kode.

### Fisika

Rigid body, collider, gravitasi, dan gaya, disimulasikan secara real-time.

### Variabel

Angka, boolean, dan teks yang menggerakkan objek, state, dan UI.

### Aset material

Tetap rapi dengan tekstur dan warna sebagai aset.

### Alur kerja PBR dan HDR

Material fisik, pencahayaan HDRI, dan ekspor PBR.

### Tekstur video

Putar video di atas model Anda dengan layer tekstur video.

### Post-processing

Sempurnakan tampilan dengan bloom, depth of field, dan color grading.

### Rendering WebGPU

Editor dan hasil ekspor dirender dengan WebGPU, dengan WebGL sebagai cadangan.

### Ekspor gambar, video, dan 3D

JPG dan PNG, MP4 dan GIF, atau GLTF dan USDZ.

### Ekspor kode

Pasang desain Anda ke proyek React.

### [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)

Buat model dari prompt atau gambar, siap dipakai di scene Anda.

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

Kendalikan editor dari Claude, ChatGPT, Cursor, dan agen lainnya.

Atur karya 3D Anda per tim, proyek, dan folder.

Publikasikan

## Satu scene. Web, Apple, dan Android.

Rilis file yang sama ke situs web, aplikasi iPhone, atau aplikasi Android. Setiap platform punya renderer native sendiri, sehingga interaktivitas dan performa scene tetap terjaga.

- [WebWebGPU · WebGLPublikasikan tautan, sematkan viewer, atau ekspor kode untuk stack Anda dan host sendiri.](https://spline.design/id/web)
- [AppleMetalTambahkan view SwiftUI native ke aplikasi Anda, atau buat proyek Xcode yang siap untuk App Store.](https://spline.design/id/ios)
- [AndroidVulkanTambahkan view native dengan Jetpack Compose, atau build APK atau App Bundle langsung dari Spline.](https://spline.design/id/android)

prompt.md

FAQ

## Pertanyaan, terjawab

Apakah Spline gratis?

Ya. Paket Free seharga $0 per bulan dan memberi Anda editor desain 3D di browser, Spline Library, serta ekspor web. Paket berbayar menambahkan kredit AI, lebih banyak file, dan lebih banyak cara ekspor.

Bisakah saya mendesain 3D di browser?

Bisa. Spline berjalan di browser Anda tanpa perlu instalasi, dan dirender dengan WebGPU dengan WebGL sebagai cadangan. Tersedia juga aplikasi desktop untuk Mac dan Windows.

Apakah saya perlu pengalaman modeling 3D?

Tidak. Mulailah dari primitif atau Spline Library, atau jelaskan apa yang Anda inginkan dan biarkan agen membuat versi pertamanya. Jika Anda pernah memakai alat desain, layer, properti, dan kanvas real-time-nya akan terasa familier.

Apa yang bisa saya buat dengan Spline?

3D interaktif untuk situs web dan aplikasi: scene hero, penampil produk, game, visualisasi data, dan UI berdimensi, yang dihidupkan dengan state, event, animasi timeline, dan fisika.

Di mana saya bisa memakai desain 3D saya?

Publikasikan ke web lewat tautan atau embed, pasang scene ke proyek React Anda, atau bawa file yang sama ke iOS dan Android. Anda juga bisa mengekspor gambar, video, GLTF, dan USDZ.

Bisakah saya mendesain 3D bersama tim dan agen AI?

Bisa. Setiap file bersifat live: tim Anda membuat model, berkomentar, dan meninjau bersama secara real-time. Claude, ChatGPT, Cursor, dan agen lainnya bisa bekerja di file yang sama lewat Spline MCP.

## Mulai berkarya dalam 3D

Hubungkan agen Anda, undang tim, dan rilis scene 3D pertama Anda hari ini.

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

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

© 2026 - Spline, Inc.