# Онлайн 3D-редактор: моделювання, матеріали й анімація - Spline (https://spline.design/uk/3d-design)

> 3D-редактор Spline працює у вашому браузері. Моделюйте, текстуруйте й анімуйте інтерактивне 3D разом із командою та ШІ-агентом, а потім публікуйте у вебі, на iOS та Android.

# 3D-редактор, у якому працюють ваша команда й агенти

Моделюйте, текстуруйте, анімуйте й додавайте інтерактивність — разом, в одному живому файлі, просто в браузері. **Агенти роблять першу версію**, дизайнери її доводять, і вона виходить у веб, на iOS та Android.

[Почати створювати](https://app.spline.design/signin)[Підключити агента](https://spline.design/uk/mcp)

Як команди працюють у Spline

## Один файл — від промпту до продакшену

Агенти й дизайнери по черзі працюють в одній живій сцені. Нічого не треба експортувати, імпортувати знову чи перебудовувати.

1. 01  
### Промпт  
Опишіть сцену. Ваш агент читає файл і робить чорновий макет: форми, світло й камеру.
2. 02  
### Створюйте разом  
Дизайнери приєднуються до того самого живого файлу, щоб моделювати, налаштовувати матеріали й коментувати, поки агент продовжує працювати.
3. 03  
### Поверніть агенту  
Виділіть будь-що й попросіть зміну: стан hover, варіант, таймлайн. Агенти бачать те саме, що й ви.
4. 04  
### Публікуйте  
Публікуйте у вебі, експортуйте код або перенесіть той самий файл на iOS та Android.

Дизайн, ШІ та код

## Моделюйте в 3D разом з агентом

Знайомі інструменти дизайну й рендеринг у реальному часі, а також ШІ-агент, який створює сцени й пише код.

- Рендеринг у реальному часі
- Примітиви й 3D-моделювання
- Агентне редагування зі ШІ
- Власний код для UI та логіки

Або попросіть свого агента

Зроби чорновий макет low-poly острова з водоспадом.

Матеріали та шейдинг

## Багатошарові матеріали

Створюйте унікальні матеріали, накладаючи шари замість написання шейдерів, або почніть із готової бібліотеки матеріалів.

- Система багатошарових матеріалів
- Скло, френель і зміщення
- Готова бібліотека матеріалів

Зроби воду більш скляною, з м’яким френелем по краю.

Інтерактивність і рух

## Оживіть свою сцену

Додавайте інтерактивність і анімацію за допомогою системи подій Spline: стани, таймлайни, ігрове керування та фізика.

- Стани й події
- Анімація на таймлайні
- Ігрове керування
- Фізика й частинки

Нехай човен гойдається по колу й перекидається, коли на нього натиснути.

Змінні та дані

## Дані в реальному часі — у 3D

Керуйте тим, що показує сцена, за допомогою живих значень зі змінних, вебхуків і API.

- Змінні
- Вебхуки та API-запити
- Умовні дії

Виведи на табло live-рахунок з нашого API.

> «Spline дає нам змогу **створювати інтерактивні 3D-об’єкти, завдяки яким наш продукт відчувається матеріальним.** Це більше, ніж декор. **Так ми показуємо, що дбаємо про деталі.**»

**Zeh Fernandes**Дизайнер-засновник, Resend

Співпраця

## Проєктуйте разом, у реальному часі

### Співпраця в реальному часі

Усі редагують ту саму живу сцену — разом з агентами — і бачать курсори одне одного.

### Коментарі

Залишайте відгуки для команди просто в сцені або нотатки для себе.

### Команди, проєкти й папки

Упорядковуйте роботу за командами й проєктами та діліться файлом за посиланням.

Функції

## Повний набір інструментів для 3D-дизайну

Інструменти для 3D, готового до продакшену, — від першого примітива до фінального експорту.

### 3D-моделювання та булеві операції

Моделюйте будь-які об’єкти за допомогою низки 3D-інструментів.

### Векторне редагування в 3D

Знайомий векторний інструмент — у 3D-просторі.

### Керування камерою

Використовуйте камери, щоб обертати й компонувати сцену.

### Компоненти

Створюйте 3D-дизайн-системи з багаторазових компонентів.

### Бібліотека шаблонів

Готові 3D-дизайни, шаблони й об’єкти.

### Перетягування

3D-взаємодії з перетягуванням без коду.

### Фізика

Тверді тіла, колайдери, гравітація та сили, змодельовані в реальному часі.

### Змінні

Числа, булеві значення й текст, що керують об’єктами, станами та UI.

### Асети матеріалів

Тримайте все впорядкованим: текстури й кольори як асети.

### PBR і HDR-воркфлоу

Фізичні матеріали, HDRI-освітлення та PBR-експорт.

### Відеотекстури

Відтворюйте відео на моделях за допомогою шарів відеотекстур.

### Постобробка

Довершіть вигляд світінням (bloom), глибиною різкості й кольорокорекцією.

### Рендеринг на WebGPU

Редактор і експорт рендеряться на WebGPU з резервним WebGL.

### Експорт зображень, відео й 3D

JPG і PNG, MP4 і GIF або GLTF і USDZ.

### Експорт коду

Вставляйте свій дизайн у React-проєкти.

### [3D-генерація зі ШІ](https://spline.design/uk/ai-generate)

Генеруйте моделі з промпту чи зображення — одразу готові для вашої сцени.

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

Керуйте редактором із Claude, ChatGPT, Cursor та інших агентів.

Упорядковуйте 3D-роботу за командами, проєктами й папками.

Публікація

## Одна сцена. Веб, Apple та Android.

Публікуйте той самий файл на сайті, в застосунку для iPhone чи Android. Кожна платформа має власний нативний рендерер, тож сцени зберігають інтерактивність і продуктивність.

- [WebWebGPU · WebGLОпублікуйте посилання, вбудуйте переглядач або експортуйте код під свій стек і розмістіть його самостійно.](https://spline.design/uk/web)
- [AppleMetalДодайте нативне SwiftUI-представлення у свій застосунок або згенеруйте Xcode-проєкт, готовий до App Store.](https://spline.design/uk/ios)
- [AndroidVulkanДодайте нативне представлення з Jetpack Compose або зберіть APK чи App Bundle прямо в Spline.](https://spline.design/uk/android)

prompt.md

Часті запитання

## Відповіді на ваші запитання

Чи Spline безкоштовний?

Так. План Free коштує $0 на місяць і дає вам редактор 3D-дизайну в браузері, бібліотеку Spline та вебекспорт. Платні плани додають ШІ-кредити, більше файлів і більше способів експорту.

Чи можна займатися 3D-дизайном у браузері?

Так. Spline працює в браузері, нічого не треба встановлювати, а рендеринг відбувається на WebGPU з резервним WebGL. Є також десктопний застосунок для Mac і Windows.

Чи потрібен досвід 3D-моделювання?

Ні. Почніть із примітивів або бібліотеки Spline чи опишіть, що хочете, і нехай агент зробить першу версію. Якщо ви вже користувалися інструментами дизайну, шари, властивості й полотно в реальному часі здадуться знайомими.

Що можна створити в Spline?

Інтерактивне 3D для сайтів і застосунків: hero-сцени, переглядачі продуктів, ігри, візуалізації даних і об’ємний UI, оживлені станами, подіями, анімацією на таймлайні та фізикою.

Де можна використовувати мої 3D-дизайни?

Публікуйте у вебі за посиланням чи вбудовуванням, вставляйте сцену у свої React-проєкти або переносьте той самий файл на iOS та Android. Також можна експортувати зображення, відео, GLTF і USDZ.

Чи можна проєктувати в 3D разом із командою та ШІ-агентами?

Так. Кожен файл живий: ваша команда разом моделює, коментує й переглядає роботу в реальному часі. Claude, ChatGPT, Cursor та інші агенти можуть працювати в тому самому файлі через Spline MCP.

## Почніть створювати в 3D

Підключіть агента, запросіть команду й опублікуйте свою першу 3D-сцену вже сьогодні.

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

3D- і 2D-редактор для команд та їхніх агентів. Публікуйте у вебі, на iOS та Android.

#### Запитайте ШІ про Spline

#### Продукти

- [3D-дизайн](https://spline.design/uk/3d-design)
- [Hana](https://spline.design/uk/hana)
- [Omma](https://omma.build)
- [3D-генерація зі ШІ](https://spline.design/uk/ai-generate)
- [Spline MCP](https://spline.design/uk/mcp)
- [Spline Arena](https://spline.design/uk/arena)
- [Ціни](https://spline.design/uk/pricing)
- [Для бізнесу](https://spline.design/uk/enterprise)

#### Рантайми

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

#### Застосунки

- [Завантажити](https://spline.design/uk/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Завантажити Spline Mirror](https://spline.design/download-mirror)

#### Навчання

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/uk/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Рішення](https://spline.design/solutions)

#### Спільнота

- [Спільнота Spline](https://community.spline.design)
- [Blog](https://spline.design/uk/blog)
- [Що нового](https://spline.design/uk/changelog)
- [Освіта](https://spline.design/uk/education)
- [Contra](https://spline.design/contra)
- [Партнерська програма](https://spline.design/uk/affiliate)

#### Компанія

- [Клієнти](https://spline.design/uk/customers)
- [Вакансії](https://www.ycombinator.com/companies/spline/jobs)
- [Безпека](https://spline.design/uk/security)

#### Правова інформація

- [Умови використання](https://spline.design/terms)
- [Конфіденційність](https://spline.design/privacy)

#### Контакти

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

© 2026 - Spline, Inc.