# Apresentamos o 3D no Hana - Spline blog (https://spline.design/pt-br/blog/introducing-3d-shapes-hana) > Unindo o 3D e o 2D [Blog](https://spline.design/pt-br/blog) 10 de dezembro de 2025 # Apresentamos o 3D no Hana Unindo o 3D e o 2D [Abrir o Hana](https://app.spline.design) Por muito tempo, a maior parte do "processo" de design aconteceu num canvas 2D. A divisão histórica entre 2D e 3D tem raízes em complexidades técnicas. As ferramentas de design 2D evoluíram para ser ao mesmo tempo em tempo real e de alta qualidade (o que você vê é o que você tem), mas o 3D exige muito mais poder de processamento, o que tornava o trabalho em tempo real possível apenas com qualidade mais baixa. Mas a tecnologia avançou muito (tanto o hardware quanto o software), e nossa equipe fez grandes progressos nos últimos anos, o que nos permitiu alcançar um marco fundamental: combinar 3D e 2D no mesmo canvas, em tempo real. Mova o mouse ou toque para interagir (experiência feita com o Hana) ## A convergência entre 3D e 2D Acreditamos que um canvas de design deve aproveitar todas as dimensões disponíveis e que quem o usa (uma pessoa ou um agente de IA) deve poder decidir o que é melhor para a solução em questão. Infelizmente, embora isso funcione na teoria, implementar qualquer coisa em 3D é um pesadelo técnico, e combinar esses dois sistemas deixa tudo ainda pior. A maioria das ferramentas de design atuais, ou tradicionais, foi construída com uma abordagem parecida: você trabalha numa prévia, depois aperta "renderizar" ou faz o "handoff" do trabalho, e alguém implementa a versão de verdade com outra stack. Em outras palavras, quase todas as ferramentas de design atuais não são em tempo real, então o 3D costuma exigir ferramentas especializadas cujo resultado acaba sendo usado ou incorporado como imagens ou vídeos planos: nada editável e nada interativo. É um processo lento, que não combina com os padrões atuais de fluxo de design. É preciso uma nova abordagem para mudar isso. Experiências feitas com o Hana ## O tempo real é a base Quando criamos o Hana, nós o fizemos para ser em tempo real e, ao mesmo tempo, capaz de renderizar _qualquer coisa_ que dá para renderizar em 2D. Isso significa que o renderizador do Hana lida com todo tipo de efeito com precisão de pixel (como sombras, desfoque etc.), formas vetoriais, booleanas e muito mais, tudo em tempo real. Com isso, podemos aproveitar o pipeline de efeitos do Hana para renderizar gráficos 3D em tempo real também. Basicamente, o Hana consegue combinar 3D e 2D. Vetores transformados em 3D em tempo real com o Hana ## A jornada para unir dois mundos Adicionar 3D a um canvas 2D parece uma tarefa fácil, mas, na prática, os desafios são inúmeros. Na maioria das vezes, é preciso rodar dois renderizadores ao mesmo tempo ou combinar vários runtimes, o que resulta em downloads longos, nada ideais. O Hana usa o mesmo runtime para 3D e 2D, o que é mais eficiente e muito mais flexível. Outro problema central é a qualidade, ou melhor, a falta dela. Combinar os dois sistemas num só mantendo o mesmo nível de qualidade é difícil, porque a qualidade em 3D envolve vários fatores: anti-aliasing, resolução, número de polígonos (ou alta densidade de voxels), quantidade de objetos e mais. No Hana, você pode criar qualquer forma 2D e convertê-la num objeto 3D, mantendo uma conexão em tempo real com a forma original. Ou seja, a qualquer momento você pode modificar a forma original, e o objeto 3D será regenerado em tempo real a partir dela. Isso traz um ganho enorme de produtividade na criação 3D dentro de uma composição 2D. Por exemplo, você pode criar facilmente um texto 3D e mudar sua cor, fonte ou outras propriedades, preservando toda a flexibilidade do texto num fluxo não destrutivo. Os layouts podem se atualizar dinamicamente, e os objetos 3D seguem as regras da composição 2D. Experiências feitas com as 3D Shapes do Hana ## O 3D segue o 2D No Hana, cada objeto 3D tem seu próprio sistema de coordenadas. Mas ele continua seguindo as regras e o comportamento do canvas 2D, o que significa que você pode aplicar aos objetos 3D tudo o que usaria normalmente em objetos 2D. Isso abre caminho para uma grande variedade de possibilidades de design. ## Limitações Por enquanto, só um número limitado de recursos está disponível no sistema 3D/2D do Hana. Você pode extrudar qualquer forma 2D em 3D e tem um bom controle sobre os materiais, mas ainda há muito espaço para novas possibilidades. O ideal é que o sistema 3D consiga renderizar qualquer tipo de objeto ou cena 3D, com muito menos limitações. ## Isto é só o começo Nos últimos anos, trabalhamos duro no Spline para criar um sistema de design coerente que integre o 2D, o 3D e, um dia, o 4D. Mal podemos esperar para continuar avançando rumo a esse novo futuro empolgante. — Equipe Spline 🌸 ## Mais do blog [3 de novembro de 2026Apresentamos a Spline Arena](https://spline.design/pt-br/blog/introducing-spline-arena)[21 de outubro de 2026Apresentamos o Spline para ChatGPT](https://spline.design/pt-br/blog/introducing-spline-for-chatgpt)[27 de agosto de 2026Apresentamos o Hana V2](https://spline.design/pt-br/blog/hana-v2) [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.