# Spline’da yapılan etkileşimli tasarımlar Figma’ya nasıl eklenir - Spline’da dışa aktarma ve entegrasyon - Spline Academy (https://spline.design/tr/academy/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma)

> Bu eğitimde önce Spline’da yapılmış 3D bir hamburger tasarımını etkileşimli bir deneyime nasıl dönüştüreceğini göstereceğiz. Ardından bu sahneyi Anima…

1. [Academy](https://spline.design/tr/academy)
2. [Kurslar](https://spline.design/tr/academy/collections)
3. [Spline’da dışa aktarma ve entegrasyon](https://spline.design/tr/academy/collections/export-integration-in-spline)
4. Spline’da yapılan etkileşimli tasarımlar Figma’ya nasıl eklenir

# Spline’da yapılan etkileşimli tasarımlar Figma’ya nasıl eklenir

Ders 1 / 8Spline 3DBaşlangıç7 dk

Bu eğitimde önce Spline’da yapılmış 3D bir hamburger tasarımını etkileşimli bir deneyime nasıl dönüştüreceğini göstereceğiz. Ardından bu sahneyi Anima eklentisiyle Figma’ya dışa aktarıp gömmeyi anlatacağız. Spline’a göz at: <https://spline.design/> Anima eklentisini indir ve hakkında daha fazlasını öğren: <https://www.animaapp.com/figma>

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

👉 Spline ile 3D sahneleri projelerine gömmekle kalmaz, iOS için yerel uygulamalar da üretebilirsin. Tasarımlarını visionOS için Spline Mirror’a aktararak 3D’ni Apple Vision Pro’da keşfet.

Bununla ilgili daha fazla bilgi: <https://spline.design/ios#app-generation>

💖 Topluluğumuza katıl 👉 <http://discord.gg/spline>

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=0s)
2. [0:34Spline’da etkileşimli animasyon oluşturmak](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=34s)
3. [3:44Anima eklentisiyle 3D tasarımı Figma’ya gömmek](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=224s)
4. [5:50Doğrudan Spline’dan yerel uygulamalar üret](https://www.youtube.com/watch?v=Woi5g8UHpC8&t=350s)

## İlgili kaynaklar

- [HamburgerŞablon](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 worksDoküman](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Integrating with FigmaDoküman](https://docs.spline.design/integrations/integrating-with-figma)

## Genel bakış

- Spline 3D
- 7 dk
- Başlangıç

## Sıradaki

[Spline’daki 3D sahneler Shopify’a nasıl gömülür9 dkBaşlangıç](https://spline.design/tr/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)[Devam et](https://spline.design/tr/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

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

Ekipler ve ajanları için 3D ve 2D editör. Web’de, iOS’ta ve Android’de yayınla.

#### Spline’ı yapay zekaya sor

#### Ürünler

- [3D Tasarım](https://spline.design/tr/3d-design)
- [Hana](https://spline.design/tr/hana)
- [Omma](https://omma.build)
- [Yapay Zekayla 3D Üretim](https://spline.design/tr/ai-generate)
- [Spline MCP](https://spline.design/tr/mcp)
- [Spline Arena](https://spline.design/tr/arena)
- [Fiyatlandırma](https://spline.design/tr/pricing)
- [Kurumsal](https://spline.design/tr/enterprise)

#### Runtime’lar

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

#### Uygulamalar

- [İndir](https://spline.design/tr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror’ı indir](https://spline.design/download-mirror)

#### Öğren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/tr/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Çözümler](https://spline.design/solutions)

#### Topluluk

- [Spline Topluluğu](https://community.spline.design)
- [Blog](https://spline.design/tr/blog)
- [Sürüm Notları](https://spline.design/tr/changelog)
- [Eğitim](https://spline.design/tr/education)
- [Contra](https://spline.design/contra)
- [Ortaklık](https://spline.design/tr/affiliate)

#### Şirket

- [Müşteriler](https://spline.design/tr/customers)
- [Kariyer](https://www.ycombinator.com/companies/spline/jobs)
- [Güvenlik](https://spline.design/tr/security)

#### Yasal

- [Şartlar ve Koşullar](https://spline.design/terms)
- [Gizlilik](https://spline.design/privacy)

#### İletişim

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

© 2026 - Spline, Inc.