# Tutoriais - Spline Academy (https://spline.design/pt-br/academy/tutorials) > Tutoriais em vídeo e cursos gratuitos de Spline 3D e Hana, da sua primeira cena à interatividade, animação e recursos de IA. 1. [Academy](https://spline.design/pt-br/academy) 2. Tutoriais # Tutoriais Todos os tutoriais em vídeo da Spline Academy, dos mais recentes aos mais antigos. [Crie 3D interativo com o Spline e o ChatGPT - Guia completo do plugin do SplineSpline 3DIniciante6 min](https://spline.design/pt-br/academy/tutorials/build-interactive-3d-with-spline-and-chatgpt-spline-plugin-full-walkthrough)[Spline MCP: crie experiências 3D para a web com IA (Cursor, Claude, Gemini e mais)Spline 3DIntermediário6 min](https://spline.design/pt-br/academy/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more)[Tour completo do Hana V2: fluxo com agentes, suporte a 3D e canvas mais rápidoSpline 3DIniciante9 min](https://spline.design/pt-br/academy/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas)[Tour completo do Spline V2: novo layout, criação mais rápida e fluxo com agentesSpline 3DIniciante9 min](https://spline.design/pt-br/academy/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow)[Crie animações interativas: UI que se transforma e brilho reativo no Hana (passo a passo)HanaIniciante13 min](https://spline.design/pt-br/academy/tutorials/build-interactive-animations-morphing-ui-reactive-glow-in-hana-step-by-step)[Como adicionar uma interação 3D de arrastar e soltar no Spline | Melhore seu site com poucos cliquesSpline 3DIniciante5 min](https://spline.design/pt-br/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)[Hana: um canvas para design interativo em tempo realHanaIniciante3 min](https://spline.design/pt-br/academy/tutorials/hana-a-canvas-for-real-time-interactive-design)[Os novos recursos do Hana a fundo: importação do Figma, ferramenta Lápis, Frame as Fill e maisHanaIniciante4 min](https://spline.design/pt-br/academy/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more)[Como aprender design 3D com o Spline: um roteiro prático do iniciante ao profissionalSpline 3DIniciante8 min](https://spline.design/pt-br/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Transforme seus designs do Spline em experiências web interativasSpline 3DIniciante10 min](https://spline.design/pt-br/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences)[Criando texto 3D refrativo no HanaHanaIniciante7 min](https://spline.design/pt-br/academy/tutorials/creating-refractive-3d-text-in-hana)[Crie um portal 3D controlado pela inclinação no SwiftUISpline 3DAvançado14 min](https://spline.design/pt-br/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)[Como criar um diamante 3D realista no HanaHanaIniciante7 min](https://spline.design/pt-br/academy/tutorials/how-to-design-a-realistic-3d-diamond-in-hana)[Dê dimensão aos seus designs no Hana com o efeito 3D ShapeHanaIniciante3 min](https://spline.design/pt-br/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Crie ícones interativos suaves no HanaHanaIniciante7 min](https://spline.design/pt-br/academy/tutorials/design-smooth-interactive-icons-in-hana)[Como usar a geração de imagens com IA no HanaHanaIniciante8 min](https://spline.design/pt-br/academy/tutorials/how-to-use-ai-image-generation-in-hana)[Como animar movimento 3D com TimelinesSpline 3DAvançado12 min](https://spline.design/pt-br/academy/tutorials/how-to-animate-3d-motion-using-timelines)[Faça design e anime com máscaras vetoriaisHanaIniciante7 min](https://spline.design/pt-br/academy/tutorials/design-and-animate-with-vector-masks)[Explore projeções 3D e efeitos de ruídoHanaIniciante8 min](https://spline.design/pt-br/academy/tutorials/explore-3d-projections-and-noise-effects)[Como criar uma esfera 3D reativa com movimento e interaçãoSpline 3DIntermediário7 min](https://spline.design/pt-br/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Como usar a Code API para SwiftUISpline 3DAvançado5 min](https://spline.design/pt-br/academy/tutorials/how-to-use-the-code-api-for-swiftui)[Como criar visualizações de dados 3D no Spline com variáveis e APIs em tempo realSpline 3DAvançado15 min](https://spline.design/pt-br/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Crie interações com Liquid Glass e transformações 3D no HanaHanaIniciante16 min](https://spline.design/pt-br/academy/tutorials/design-interactions-with-liquid-glass-3d-transforms-in-hana)[Crie um teclado interativo com o HanaHanaIniciante9 min](https://spline.design/pt-br/academy/tutorials/build-an-interactive-keyboard-with-hana) [Spline](https://spline.design/pt-br) O editor 3D e 2D para equipes e seus agentes. Publique na web, no iOS e no Android. #### Pergunte à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-br/3d-design) - [Hana](https://spline.design/pt-br/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-br/ai-generate) - [Spline MCP](https://spline.design/pt-br/mcp) - [Spline Arena](https://spline.design/pt-br/arena) - [Preços](https://spline.design/pt-br/pricing) - [Empresas](https://spline.design/pt-br/enterprise) #### Runtimes - [Web](https://spline.design/pt-br/web) - [iOS](https://spline.design/pt-br/ios) - [Android](https://spline.design/pt-br/android) #### Apps - [Download](https://spline.design/pt-br/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Baixar o Spline Mirror](https://spline.design/download-mirror) #### Aprenda - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-br/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade do Spline](https://community.spline.design) - [Blog](https://spline.design/pt-br/blog) - [Novidades](https://spline.design/pt-br/changelog) - [Educação](https://spline.design/pt-br/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-br/affiliate) #### Empresa - [Clientes](https://spline.design/pt-br/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-br/security) #### Jurídico - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contato - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.