# Spline Hana - Yapay zeka ajanlarıyla güçlenen bir tasarım tuvali (https://spline.design/tr/hana)

> Hana, Spline’ın 2D tasarım tuvali: GPU hızlandırmalı vektör düzenleme, durumlar ve animasyonlar, ekibinle birlikte tasarlayan yapay zeka ajanları (Hana’nın kendi ajanı ya da MCP üzerinden seninki).

# Yapay zeka ajanlarıyla güçlenen bir tasarım tuvali

Ekibinle tasarla; yanında yapay zeka ajanları, MCP ve **GPU hızlandırmalı vektör düzenleme araçları**.

[Oluşturmaya başla](https://app.spline.design/signin)[Ajanını bağla](https://spline.design/tr/mcp)

Kütüphane

## Hareket halinde tasarım, Hana ile

Hana’da yapılmış örnekleri keşfet. Remiksle, yeniden kur ve fikirlerinin nasıl yayına hazır deneyimlere dönüşebileceğini keşfet.

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

Tasarım araçları

## Profesyonel tasarım için tanıdık ve gelişmiş araçlar

Tanıdık tasarım araçları, gelişmiş efektler ve büyük projeleri düzenli tutacak bir yapı.

- Frame tabanlı sonsuz tuval
- Vektör ağları ve boolean işlemleri
- Sayfalar ve bölümler
- Gradyanlar, cam ve 3D şekiller

Etkileşim ve animasyon

## Tasarımlarına hayat ver

Durumlar, olaylar ve animasyonlarla hareket ve etkileşim ekle; elle ya da ajandan isteyerek.

- Durumlar ve olaylar
- Geçiş aksiyonlarıyla animasyon
- Follow ve Look At etkileşimleri

Yapay zeka ajanları

## Ajanlarının üzerinde tasarım yapabildiği bir tuval

Hana’nın kendi ajanı tuvalde tasarım yapar; seninki de Claude, ChatGPT, Cursor ya da herhangi bir MCP istemcisinden yapabilir.

- Frame’ler, efektler ve etkileşimler oluşturur
- Birden çok ekran paralel olarak oluşturulur
- MCP üzerinden kendi ajanın
- Her şey elle düzenlenebilir kalır
[Ajanını bağla](https://spline.design/tr/mcp)

Etkileşim için tasarlandı

## Etkileşim için tasarlanmış bir tasarım aracı

Gerçek zamanlı etkileşimli arayüzler, hareket ve grafikler tasarlamak için ihtiyacın olan araçlarla hızlı ve tanıdık bir arayüz.

- ### Tanıdık tasarım araçları  
Frame’ler, kalem aracı, boolean işlemleri, şekiller ve daha fazlasıyla sonsuz bir tuvalde tasarla.
- ### Güçlü etkileşim  
Durumlar, olaylar ve aksiyonlarla etkileşimli deneyimler oluştur.
- ### Animasyonlu deneyimler  
Durumlar ve geçişlerle tasarımlarına hareket kat.
- ### Görsel efektler  
Gerçek zamanlı görsel efektler için gölgeler, bulanıklık, noise, cam ve 3D kullan.
- ### Gerçek zamanlı boolean işlemleri  
Gelişmiş boolean sistemleri kur ve onları gerçek zamanlı canlandır.
- ### Vektör ağları  
Vektör ağları oluştur ve onlara benzersiz etkileşimler ekle.
- ### Tuval üzerinde önizleme  
Etkileşimlerini ve animasyonlarını doğrudan tuvalde önizle.
- ### Yayına hazır dışa aktarma  
Etkileşimli tasarımlarını web sitelerine, web uygulamalarına ve dijital ürünlere entegre et.

İş birliği

## Birlikte, gerçek zamanlı tasarla

Sonsuz bir tuvalde gerçek zamanlı iş birliğiyle etkileşim tasarla; her şey tüm ekibin için ortak bir çalışma alanında düzenli.

### Gerçek zamanlı çok kullanıcılı çalışma

Tüm ekibinle aynı dosyada birlikte tasarla.

### Roller ve izinler

Bireysel Editor ve Viewer rolleri üzerinde tam kontrol sağla.

### Dosya yönetimi

Her dosya ve projeyi saklayıp yönetmek için ortak bir ekip alanı.

### Notlar ve geri bildirim

Ekibine yorum bırak ya da doğrudan editörde not al.

Dışa aktarma

## Web için etkileşim yayınla

Etkileşimli deneyimleri web sitelerine, web uygulamalarına ve dijital ürünlere zahmetsizce entegre et.

Etkileşim için fareni ya da parmağını hareket ettir[Sahneyi remiksle](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

index.html

```
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Hana ile tasarlamaya başla

Ajanını bağla, ekibini davet et ve ilk tasarımını bugün yayınla.

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