# Навчіться 3D-дизайну - Spline Academy (https://spline.design/uk/academy) > Безкоштовні відеоуроки та курси зі Spline 3D і Hana: від першої сцени до інтерактивності, анімації та функцій ШІ. # Навчіться створювати інтерактивне 3D зі Spline Academy Безкоштовні відеоуроки та курси зі Spline 3D і Hana: від першої сцени до інтерактивності, анімації та функцій ШІ. - [Інтерактивність](https://spline.design/uk/academy/explore?feature=interactivity) - [Матеріали](https://spline.design/uk/academy/explore?feature=materials) - [Моделювання](https://spline.design/uk/academy/explore?feature=modeling) - [Ефекти](https://spline.design/uk/academy/explore?feature=effects) - [Експорт](https://spline.design/uk/academy/explore?feature=export) - [Події](https://spline.design/uk/academy/explore?feature=events) - [Переглянути все](https://spline.design/uk/academy/explore) ## Курси [Усі курси](https://spline.design/uk/academy/collections) [Spline 101 | Створіть свою першу інтерактивну сцену16 уроківПочатковий4 год 03 хв](https://spline.design/uk/academy/collections/spline-101-build-your-first-interactive-scene)[Hana | Усе, що потрібно знати15 уроківПочатковий2 год 03 хв](https://spline.design/uk/academy/collections/hana-everything-you-need-to-know)[Spline для просунутих | Функції докладно17 уроківПросунутий4 год 02 хв](https://spline.design/uk/academy/collections/spline-advanced-feature-deep-dive)[Основи моделювання в Spline8 уроківСередній1 год 60 хв](https://spline.design/uk/academy/collections/modeling-essentials-in-spline)[Світло, камера й ефекти8 уроківПочатковий54 хв](https://spline.design/uk/academy/collections/lights-camera-effects)[Матеріали й затінення, що добре виглядають12 уроківПочатковий1 год 28 хв](https://spline.design/uk/academy/collections/materials-shading-that-look-good)[Анімація й взаємодії в Spline14 уроківСередній2 год 17 хв](https://spline.design/uk/academy/collections/animation-interactions-in-spline)[Експорт та інтеграція в Spline8 уроківСередній1 год 09 хв](https://spline.design/uk/academy/collections/export-integration-in-spline) ## Нові уроки [Усі уроки](https://spline.design/uk/academy/tutorials) [Створюйте інтерактивне 3D зі Spline і ChatGPT - повний огляд плагіна SplineSpline 3DПочатковий6 хв](https://spline.design/uk/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Spline MCP: створюйте 3D-вебдосвід зі ШІ (Cursor, Claude, Gemini та інші)Spline 3DСередній6 хв](https://spline.design/uk/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)[Повний огляд Hana V2: робота з агентом, підтримка 3D, швидше полотноSpline 3DПочатковий9 хв](https://spline.design/uk/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Повний огляд Spline V2: новий макет, швидше створення, робота з агентомSpline 3DПочатковий9 хв](https://spline.design/uk/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)[Створюйте інтерактивні анімації: морфінг інтерфейсу та реактивне світіння в Hana (крок за кроком)HanaПочатковий13 хв](https://spline.design/uk/academy/tutorials/build-interactive-animations-morphing-ui-reactive-glow-in-hana-step-by-step)[Як додати 3D-взаємодію Drag & Drop у Spline | Покращте свій сайт кількома клікамиSpline 3DПочатковий5 хв](https://spline.design/uk/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)[Hana: полотно для інтерактивного дизайну в реальному часіHanaПочатковий3 хв](https://spline.design/uk/academy/tutorials/hana-a-canvas-for-real-time-interactive-design)[Нові функції Hana докладно: імпорт із Figma, Pencil Tool, Frame as Fill та іншеHanaПочатковий4 хв](https://spline.design/uk/academy/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more)[Як вивчити 3D-дизайн зі Spline: практична дорожня карта від новачка до профіSpline 3DПочатковий8 хв](https://spline.design/uk/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Перетворіть свої дизайни зі Spline на інтерактивний вебдосвідSpline 3DПочатковий10 хв](https://spline.design/uk/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences)[Створення 3D-тексту з заломленням у HanaHanaПочатковий7 хв](https://spline.design/uk/academy/tutorials/creating-refractive-3d-text-in-hana)[Створіть 3D-портал із керуванням нахилом у SwiftUISpline 3DПросунутий14 хв](https://spline.design/uk/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui) [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.