# Cómo añadir a Figma diseños interactivos hechos en Spline - Spline Academy (https://spline.design/es/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> En este tutorial empezaremos mostrándote cómo convertir un diseño 3D de una hamburguesa hecho en Spline en una experiencia interactiva. Después te guiaremos…

1. [Academy](https://spline.design/es/academy)
2. [Tutoriales](https://spline.design/es/academy/tutorials)
3. Cómo añadir a Figma diseños interactivos hechos en Spline

# Cómo añadir a Figma diseños interactivos hechos en Spline

Spline 3DPrincipiante7 min

En este tutorial empezaremos mostrándote cómo convertir un diseño 3D de una hamburguesa hecho en Spline en una experiencia interactiva. Después te guiaremos para exportar e insertar esta escena en Figma con el plugin de Anima. Descubre Spline: <https://spline.design/> Descarga el plugin de Anima y descubre más en <https://www.animaapp.com/figma>

🍔 Remix: <https://app.spline.design/file/84edf867-cc15-4fd3-a379-d46b3de66750>

👉 Con Spline no solo puedes insertar escenas 3D en tus proyectos, sino también generar apps nativas para iOS. Explora tu 3D en el Apple Vision Pro exportando tus diseños a Spline Mirror para visionOS.

Más información en <https://spline.design/ios#app-generation>

💖 Únete a nuestra comunidad 👉 <http://discord.gg/spline>

## Lo que aprenderás

1. [0:00Introducción](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Crear una animación interactiva en Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Insertar un diseño 3D en Figma con el plugin de Anima](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Generar apps nativas directamente desde Spline](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## Recursos relacionados

- [HamburgerPlantilla](https://app.spline.design/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma?redirect-duplicate-template-uuid=bc0efa43-aa85-427c-a501-c89c80b332f4&is-2d-file=false)
- [How state-based animation worksDocumento](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with FigmaDocumento](https://docs.spline.design/integrations/integrating-with-figma)

## Resumen

- Spline 3D
- 7 min
- Principiante

## Parte de

- [Exportación e integración en Spline](https://spline.design/es/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## Tutoriales relacionados

[Todos los tutoriales](https://spline.design/es/academy/tutorials)

[Exporta experiencias interactivas nativas para iOS y visionOSSpline 3DIntermedio15 min](https://spline.design/es/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Cómo exportar 3D nativo para AndroidSpline 3DIntermedio12 min](https://spline.design/es/academy/tutorials/how-to-export-native-3d-for-android)[Lanza interacciones por proximidad con el evento DistanceSpline 3DPrincipiante6 min](https://spline.design/es/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

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

El editor 3D y 2D para equipos y sus agentes. Publica en la web, iOS y Android.

#### Pregúntale a la IA sobre Spline

#### Productos

- [Diseño 3D](https://spline.design/es/3d-design)
- [Hana](https://spline.design/es/hana)
- [Omma](https://omma.build)
- [Generación 3D con IA](https://spline.design/es/ai-generate)
- [Spline MCP](https://spline.design/es/mcp)
- [Spline Arena](https://spline.design/es/arena)
- [Precios](https://spline.design/es/pricing)
- [Enterprise](https://spline.design/es/enterprise)

#### Runtimes

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

#### Apps

- [Descargar](https://spline.design/es/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Descargar Spline Mirror](https://spline.design/download-mirror)

#### Aprende

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/es/academy)
- [API de Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Soluciones](https://spline.design/solutions)

#### Comunidad

- [Comunidad de Spline](https://community.spline.design)
- [Blog](https://spline.design/es/blog)
- [Novedades](https://spline.design/es/changelog)
- [Educación](https://spline.design/es/education)
- [Contra](https://spline.design/contra)
- [Afiliados](https://spline.design/es/affiliate)

#### Empresa

- [Clientes](https://spline.design/es/customers)
- [Empleo](https://www.ycombinator.com/companies/spline/jobs)
- [Seguridad](https://spline.design/es/security)

#### Legal

- [Términos y condiciones](https://spline.design/terms)
- [Privacidad](https://spline.design/privacy)

#### Contacto

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.