# Hana karşınızda - Spline blog (https://spline.design/tr/blog/introducing-hana) > Etkileşimli tasarım için yeni bir tuval. [Blog](https://spline.design/tr/blog) 23 Nisan 2025 # Hana karşınızda Etkileşimli tasarım için yeni bir tuval. [Hana’yı aç](https://app.spline.design) Hana, etkileşimli tasarıma yeni bir yaklaşım getiriyor. Performans odaklı olarak sıfırdan inşa edilen Hana, etkileşimli 2D deneyimler tasarlamak ve canlandırmak için gerçek zamanlı bir tuval: cilalı arayüzlerden dinamik görsellere kadar, canlı ortama teslim etmeye hazır. Hana, hızlı ve sonsuz bir tuvalde davranan, tepki veren ve karşılık veren zengin, state tabanlı içerikler oluşturmanı sağlıyor. Etkileşim için üzerine gel ya da dokun (Hana ile yapılmış deneyim) ## Yetenekler Hana için vektör verilerini gerçek zamanlı ve çok hızlı işleyebilen yeni türde bir görüntü motoru geliştirdik. Bu motor üreticilere modern vektör ağı düzenleme, state tabanlı geçişler ve GPU hızlandırmalı efektler sunuyor; hepsi iş birliğine açık, tarayıcıda yerel olarak çalışan bir ortamda. Hana’da tasarladığın her şey varsayılan olarak canlı ortama hazır. İster basit bir şekil ister karmaşık bir etkileşimli deneyim olsun, Hana’nın motoru herhangi bir web sitesine ya da uygulamaya kolayca gömülebilen gerçek zamanlı etkileşimleri işleyecek şekilde tasarlandı. Hassas vektör çiziminden yumuşak gölgelere ve bulanıklıklara kadar Hana, gücü ve sadeliği hafif ama sınırsız hissettiren bir şekilde bir araya getiriyor. Hana ile yapılmış deneyimler ## Gerçek zamanlı tasarım iş birliği Hana’daki frame’ler, tamamen editör içinde bağımsız çalışan oynatılabilir bileşenler olabilir. Bu, “Animate” moduna olan ihtiyacı ortadan kaldırarak oluşturma sürecini sadeleştiriyor. Bunun yerine deneyimini doğrudan editördeki bir frame üzerinde oynatarak onunla etkileşim kurabilirsin. Frame’ler ayrıca tek tek canlı URL’ler, görseller ve ileride daha fazlası olarak dışa aktarılabilir. Bir bağlantı paylaş; ortak çalışanların tuvalini deneyimlemek ve katkıda bulunmak için anında katılabilir. Her düzenleme canlı olarak görünür. Geri bildirim anında gelir. Tasarımı gereği çok kullanıcılı, hem de doğru yapılmış hâliyle. Hana, Spline’ın 3D editöründe zaten desteklenen gerçek zamanlı iş birliği sisteminden yararlanıyor; böylece ekibin daha hızlı ilerleyip senkronize kalabiliyor. Hana ile yapılmış vektör ağları ## Gerçek zamanlı vektör ağları Vektör ağları (Figma’nın 2016’da tanıttığı bir kavram), ikiden fazla çizginin tek bir noktaya bağlanmasını sağlayarak her türlü şekli oluşturmayı kolaylaştırıyor. Hana bu yaklaşımı bir üst seviyeye taşıyor ve gerçek zamanlı bir ortam için vektör ağları oluşturmaya olanak tanıyan ilk sistemi sunuyor. Ayrıca çok seviyeli boolean’lar, karmaşık ve canlandırılabilir şekillere kolayca ulaşmak için gelişmiş şekiller ve akışkan efektler oluşturmanı sağlıyor. ## Etkileşimler ve animasyon Tasarımlarına davranış eklemek için olay odaklı etkileşimler kullan: hover durumlarından klavye girdisine kadar. Geçişleri canlandır, akışlar kur ve hareketle doğrudan tuvalde denemeler yap. Araç değiştirmeye gerek yok. Hana ile hareket ve etkileşim, sonradan akla gelen bir şey değil, tasarım sürecinin bir parçası oluyor. ## Canlı ortam için dışa aktar ve paylaş Spline’ın 3D editöründe olduğu gibi Hana’da da herhangi bir frame’den canlı, etkileşimli bağlantılar oluşturabilirsin. Her şey canlı ortama hazır bir yere gömülmek üzere optimize edildi; böylece çalışman yayına aldığın yerde de editördeki kadar iyi görünüyor. ## Etkileşimde yeni bir çağ Bu, etkileşimli düşünme için yeni bir mecra. İster bir ürün tasarla, ister bir arayüz etkileşimi kurgula, ister zengin etkileşimli deneyimler oluştur; Hana fikirlerine hayat vermene yardımcı olabilir. **Hana, gelecek olanların temeli.** Bu, artık Spline ekosistemi olan daha geniş bir vizyonun ilk adımı: 2D/3D tasarımın ve etkileşimin kusursuzca harmanlandığı ve yayına alındığı bir ekosistem. Hana ile neler yapacağını görmek için sabırsızlanıyoruz! — Spline Ekibi 🌸 [Daha fazla bilgi](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Blogdan daha fazlası [3 Kasım 2026Spline Arena karşınızda](https://spline.design/tr/blog/introducing-spline-arena)[21 Ekim 2026ChatGPT için Spline karşınızda](https://spline.design/tr/blog/introducing-spline-for-chatgpt)[27 Ağustos 2026Hana V2 karşınızda](https://spline.design/tr/blog/hana-v2) [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.