# Spline’da yapılan etkileşimli tasarımlar Figma’ya nasıl eklenir - 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. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. 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

Spline 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ıç

## Ait olduğu kurs:

- [Spline’da dışa aktarma ve entegrasyon](https://spline.design/tr/academy/collections/export-integration-in-spline/how-to-add-interactive-designs-made-in-spline-into-figma)

## İlgili eğitimler

[Tüm eğitimler](https://spline.design/tr/academy/tutorials)

[Etkileşimli deneyimleri iOS ve visionOS için yerel olarak dışa aktarSpline 3DOrta15 dk](https://spline.design/tr/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Android için yerel 3D nasıl dışa aktarılırSpline 3DOrta12 dk](https://spline.design/tr/academy/tutorials/how-to-export-native-3d-for-android)[Distance olayıyla yakınlığa göre etkileşim tetikleSpline 3DBaşlangıç6 dk](https://spline.design/tr/academy/tutorials/trigger-interactions-with-proximity-using-the-distance-event)

[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.