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

> 3D-редактор Spline работает прямо в браузере. Моделируйте, текстурируйте и анимируйте интерактивное 3D вместе с командой и ИИ-агентом, а затем публикуйте в веб, на iOS и Android.

# 3D-редактор, в котором работают ваша команда и агенты

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

[Начать](https://app.spline.design/signin)[Подключить агента](https://spline.design/ru/mcp)

Как команды работают в Spline

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

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

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

Дизайн, ИИ и код

## Моделируйте в 3D вместе с агентом

Привычные инструменты дизайна и рендеринг в реальном времени, а также ИИ-агент, который строит сцены и пишет код.

- Рендеринг в реальном времени
- Примитивы и 3D-моделирование
- Агентное редактирование с ИИ
- Собственный код для UI и логики

Или попросите агента

Набросай low-poly остров с водопадом.

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

## Многослойные материалы

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

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

Сделай воду более стеклянной, с мягким френелем по краю.

Интерактив и движение

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

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

- Состояния и события
- Анимация на таймлайне
- Игровое управление
- Физика и частицы

Пусть лодка покачивается в цикле и переворачивается по клику.

Переменные и данные

## Данные в реальном времени — в 3D

Управляйте тем, что показывает сцена, с помощью живых значений из переменных, вебхуков и API.

- Переменные
- Вебхуки и API-запросы
- Условные действия

Выведи на табло текущий счёт из нашего 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/ru/ai-generate)

Создавайте модели по промпту или изображению — сразу готовые для сцены.

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

Управляйте редактором из Claude, ChatGPT, Cursor и других агентов.

Организуйте 3D-работу по командам, проектам и папкам.

Публикация

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

Публикуйте один и тот же файл на сайте, в приложении для iPhone или Android. На каждой платформе работает свой нативный рендерер, поэтому сцены сохраняют интерактивность и производительность.

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

prompt.md

Вопросы и ответы

## Ответы на ваши вопросы

Spline бесплатный?

Да. Тариф Free стоит $0 в месяц и даёт 3D-редактор в браузере, Spline Library и веб-экспорт. Платные тарифы добавляют ИИ-кредиты, больше файлов и больше способов экспорта.

Можно ли заниматься 3D-дизайном в браузере?

Да. Spline работает в браузере, ничего не нужно устанавливать, а рендеринг идёт на WebGPU с WebGL в качестве запасного варианта. Есть и десктопное приложение для Mac и Windows.

Нужен ли опыт 3D-моделирования?

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

Что можно создать в Spline?

Интерактивное 3D для сайтов и приложений: hero-сцены, витрины товаров, игры, визуализации данных и объёмные интерфейсы, оживлённые состояниями, событиями, анимацией на таймлайне и физикой.

Где можно использовать 3D-дизайн?

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

Можно ли работать в 3D вместе с командой и ИИ-агентами?

Да. Каждый файл — живой: команда моделирует, комментирует и проверяет работу вместе в реальном времени. Claude, ChatGPT, Cursor и другие агенты могут работать в том же файле через Spline MCP.

## Начните создавать в 3D

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

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

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

#### Спросите ИИ о Spline

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

- [3D-дизайн](https://spline.design/ru/3d-design)
- [Hana](https://spline.design/ru/hana)
- [Omma](https://omma.build)
- [Генерация 3D с ИИ](https://spline.design/ru/ai-generate)
- [Spline MCP](https://spline.design/ru/mcp)
- [Spline Arena](https://spline.design/ru/arena)
- [Цены](https://spline.design/ru/pricing)
- [Enterprise](https://spline.design/ru/enterprise)

#### Рантаймы

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

#### Приложения

- [Скачать](https://spline.design/ru/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Скачать Spline Mirror](https://spline.design/download-mirror)

#### Обучение

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

#### Сообщество

- [Сообщество Spline](https://community.spline.design)
- [Blog](https://spline.design/ru/blog)
- [Что нового](https://spline.design/ru/changelog)
- [Образование](https://spline.design/ru/education)
- [Contra](https://spline.design/contra)
- [Партнёрам](https://spline.design/ru/affiliate)

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

- [Клиенты](https://spline.design/ru/customers)
- [Вакансии](https://www.ycombinator.com/companies/spline/jobs)
- [Безопасность](https://spline.design/ru/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.