Ang 3D editor kung saan gumagawa ang team at mga agent mo

Mag-model, mag-texture, mag-animate at gawin itong interactive, nang magkakasama sa iisang live na file, mismo sa browser mo. Ang mga agent ang gagawa ng unang bersyon, pakikinisin ito ng mga designer, at isi-ship ito sa web, iOS at Android.

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
Paano nagtatrabaho ang mga team sa Spline

Iisang file, mula prompt hanggang production

Nagsasalitan ang mga agent at designer sa iisang live na scene. Walang kailangang i-export, i-import ulit o buuin ulit sa pagitan nila.

  1. 01

    Prompt

    Ilarawan ang scene. Babasahin ng agent mo ang file at ibu-block out ito: mga hugis, ilaw at camera.

  2. 02

    Gumawa nang sabay

    Pumapasok ang mga designer sa parehong live na file para mag-model, mag-tune ng materials at mag-iwan ng comments habang patuloy na nagtatrabaho ang agent.

  3. 03

    Ibalik sa agent

    Pumili ng kahit ano at humingi ng pagbabago: hover state, variant, timeline. Nakikita ng mga agent ang nakikita mo.

  4. 04

    I-ship

    I-publish sa web, mag-export ng code, o dalhin ang parehong file sa iOS at Android.

Design, AI at code

Mag-model sa 3D, kasama ang isang agent

Mga pamilyar na design tool at real-time rendering, dagdag pa ang AI agent na gumagawa ng mga scene at nagsusulat ng code.

  • Real-time rendering
  • Primitives at 3D modeling
  • Agentic editing gamit ang AI
  • Custom code para sa UI at logic
O iutos sa agent mo

Mag-block out ng low-poly na isla na may talon.

Materials at shading

Layer-based na materials

Gumawa ng natatanging materials sa pagpapatong ng mga layer sa halip na magsulat ng shaders, o magsimula sa ready-made na material library.

  • Layer-based na material system
  • Glass, fresnel at displace
  • Ready-made na material library
O iutos sa agent mo

Gawing mas parang salamin ang tubig, na may malambot na fresnel edge.

Interactivity at motion

Buhayin ang scene mo

Magdagdag ng interactivity at animation gamit ang event system ng Spline: states, timelines, game controls at physics.

  • States at events
  • Timeline animation
  • Game controls
  • Physics at particles
O iutos sa agent mo

Palutang-lutangin ang bangka nang paulit-ulit at pataubin ito kapag na-click.

Variables at data

Real-time na data, sa 3D

Kontrolin ang ipinapakita ng scene mo gamit ang live na values mula sa Variables, Webhooks at APIs.

  • Variables
  • Webhooks at API requests
  • Conditional actions
O iutos sa agent mo

Ipakita sa scoreboard ang live na score mula sa API namin.

Resend
“Sa Spline, kaya naming gumawa ng mga interactive 3D object na nagpaparamdam na totoo at nahahawakan ang produkto namin. Higit pa ito sa dekorasyon. Ito ang paraan namin para ipakitang mahalaga sa amin ang mga detalye.”
Zeh FernandesFounding Designer, Resend
Collaboration

Magdisenyo nang magkakasama, nang real time

Real-time collaboration

Lahat ay nag-e-edit sa iisang live na scene, kasama ang mga agent, at nakikita ang cursor ng isa’t isa.

Comments

Mag-iwan ng feedback mismo sa scene para sa team mo, o notes para sa sarili mo.

Teams, projects at folders

Ayusin ang trabaho ayon sa team at project, at i-share ang file gamit ang isang link.

Features

Kumpletong toolkit para sa 3D design

Ang mga tool sa likod ng production-ready na 3D, mula sa unang primitive hanggang sa final export.

3D modeling at booleans

Mag-model ng kahit anong klase ng object gamit ang iba’t ibang 3D tool.

3D vector editing

Ang vector tool na kilala mo na, sa 3D space.

Camera controls

Gumamit ng mga camera para mag-orbit at i-compose ang scene mo.

Components

Bumuo ng 3D design systems mula sa reusable na components.

Templates library

Mga 3D design, template at object na handa nang gamitin.

Drag and drop

3D drag-and-drop na interactions nang walang code.

Physics

Rigid bodies, colliders, gravity at forces, na sinisimulate nang real time.

Variables

Numbers, booleans at text na kumokontrol sa objects, states at UI.

Material assets

Manatiling organisado gamit ang textures at colors bilang assets.

PBR at HDR workflow

Physical materials, HDRI lighting at PBR exports.

Video textures

Mag-play ng video sa ibabaw ng mga model mo gamit ang video texture layers.

Post-processing

Tapusin ang itsura gamit ang bloom, depth of field at color grading.

WebGPU rendering

Nagre-render sa WebGPU ang editor at exports, na may WebGL fallback.

Image, video at 3D exports

JPG at PNG, MP4 at GIF, o GLTF at USDZ.

Code export

Ilagay ang design mo sa mga React project mo.

AI 3D generation

Gumawa ng mga model mula sa prompt o larawan, handang gamitin sa scene mo.

Spline MCP

Patakbuhin ang editor mula sa Claude, ChatGPT, Cursor at iba pang agent.

Teams, projects at folders

Ayusin ang 3D work mo ayon sa team, project at folder.

I-publish

Isang scene. Web, Apple at Android.

I-ship ang parehong file sa website, iPhone app o Android app. May sariling native renderer ang bawat platform, kaya nananatili ang interactivity at performance ng mga scene.

FAQ

Mga tanong, sinagot

Libre ba ang Spline?

Oo. $0 kada buwan ang Free plan at kasama na ang 3D design editor sa browser mo, ang Spline Library at web exports. Ang mga bayad na plan ay may AI credits, mas maraming file at mas maraming paraan ng pag-export.

Puwede ba akong mag-3D design sa browser ko?

Oo. Tumatakbo ang Spline sa browser mo, walang kailangang i-install, at nagre-render sa WebGPU na may WebGL fallback. May desktop app din para sa Mac at Windows.

Kailangan ko ba ng karanasan sa 3D modeling?

Hindi. Magsimula sa primitives o sa Spline Library, o ilarawan ang gusto mo at hayaang gawin ng isang agent ang unang bersyon. Kung nakagamit ka na ng design tool, magiging pamilyar sa iyo ang layers, properties at real-time canvas.

Ano ang puwede kong gawin sa Spline?

Interactive 3D para sa mga website at app: hero scenes, product viewers, games, data visualizations at UI na may lalim, na binibigyang-buhay ng states, events, timeline animation at physics.

Saan ko magagamit ang mga 3D design ko?

I-publish sa web gamit ang link o embed, ilagay ang scene sa mga React project mo, o dalhin ang parehong file sa iOS at Android. Puwede ka ring mag-export ng images, video, GLTF at USDZ.

Puwede ba akong magdisenyo sa 3D kasama ang team ko at mga AI agent?

Oo. Live ang bawat file: sabay-sabay na nagmo-model, nagko-comment at nagrerebyu ang team mo nang real time. Puwedeng magtrabaho sa parehong file ang Claude, ChatGPT, Cursor at iba pang agent sa pamamagitan ng Spline MCP.

Magsimulang gumawa sa 3D

Ikonekta ang agent mo, imbitahan ang team mo at i-ship ang una mong 3D scene ngayon.