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

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

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

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

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

  1. 01

    Промпт

    Опишите сцену. Агент читает файл и делает черновую раскладку: формы, свет и камеру.

  2. 02

    Работайте вместе

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

  3. 03

    Верните агенту

    Выделите что угодно и попросите изменение: hover-состояние, вариант, таймлайн. Агенты видят то же, что и вы.

  4. 04

    Публикация

    Публикуйте в веб, экспортируйте код или перенесите тот же файл на iOS и Android.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выведи на табло текущий счёт из нашего API.

Resend
«Со 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 с ИИ

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

Spline MCP

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

Команды, проекты и папки

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

Публикация

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

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

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

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

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-сцену уже сегодня.