# Przedstawiamy Hana - Spline blog (https://spline.design/pl/blog/introducing-hana)

> Nowa kanwa do projektowania interaktywnego.

[Blog](https://spline.design/pl/blog)

23 kwietnia 2025

# Przedstawiamy Hana

Nowa kanwa do projektowania interaktywnego.

[Otwórz Hana](https://app.spline.design)

Hana to nowe podejście do projektowania interaktywnego. Zbudowana od zera z myślą o wydajności, Hana jest kanwą działającą w czasie rzeczywistym, na której projektujesz i animujesz interaktywne doświadczenia 2D – od dopracowanych interfejsów po dynamiczne grafiki – i dostarczasz je na produkcję.

Hana pozwala tworzyć bogate treści oparte na stanach, które zachowują się, odpowiadają i reagują na szybkiej, nieskończonej kanwie.

Najedź kursorem lub dotknij, aby wejść w interakcję (doświadczenie stworzone w Hana)

## Możliwości

Dla Hana zbudowaliśmy nowy rodzaj silnika renderującego, który przetwarza dane wektorowe naprawdę szybko, w czasie rzeczywistym. Daje twórcom nowoczesną edycję sieci wektorowych, przejścia oparte na stanach i efekty akcelerowane przez GPU – wszystko we wspólnym środowisku działającym natywnie w przeglądarce.

Wszystko, co zaprojektujesz w Hana, jest domyślnie gotowe na produkcję. Niezależnie od tego, czy to prosty kształt, czy złożone interaktywne doświadczenie, silnik Hana obsługuje interakcje w czasie rzeczywistym, które łatwo osadzić na dowolnej stronie lub w aplikacji.

Od precyzyjnego rysowania wektorowego po miękkie cienie i rozmycia – Hana łączy moc i prostotę w sposób, który wydaje się lekki, a zarazem bez ograniczeń.

Doświadczenia stworzone w Hana

## Współpraca projektowa w czasie rzeczywistym

Ramki w Hana mogą być odtwarzalnymi komponentami, które działają niezależnie – wszystko w edytorze. Upraszcza to proces tworzenia, bo nie potrzeba trybu „Animate”. Zamiast tego możesz po prostu wejść w interakcję ze swoim doświadczeniem, odtwarzając je bezpośrednio w ramce w edytorze. Ramki można też eksportować pojedynczo jako działające adresy URL, obrazy, a w przyszłości w kolejnych formatach.

Udostępnij link, a współpracownicy od razu dołączą, by zobaczyć Twoją kanwę i współtworzyć ją. Każda zmiana pojawia się na żywo. Opinie są natychmiastowe. To praca wieloosobowa z założenia – i zrobiona dobrze.

Hana korzysta z już działającego systemu współpracy w czasie rzeczywistym z edytora 3D Spline, więc Twój zespół może działać szybciej i pozostać zsynchronizowany.

Sieci wektorowe stworzone w Hana

## Sieci wektorowe w czasie rzeczywistym

Sieci wektorowe (koncepcja wprowadzona w 2016 roku przez Figmę) pozwalają łączyć więcej niż dwie linie w jednym punkcie, co ułatwia tworzenie wszelkiego rodzaju kształtów.

Hana przenosi to podejście na wyższy poziom, wprowadzając pierwszy system, który pozwala tworzyć sieci wektorowe w środowisku czasu rzeczywistego.

Do tego wielopoziomowe operacje logiczne pozwalają łatwo tworzyć zaawansowane kształty i płynne efekty, a w efekcie złożone, animowalne formy.

## Interakcje i animacja

Używaj interakcji sterowanych zdarzeniami, aby nadać projektom zachowanie – od stanów po najechaniu kursorem po obsługę klawiatury. Animuj przejścia, buduj przepływy i eksperymentuj z ruchem bezpośrednio na kanwie. Bez przełączania narzędzi.

Z Hana ruch i interaktywność stają się częścią procesu projektowego, a nie dodatkiem na koniec.

## Eksport i udostępnianie na produkcję

Podobnie jak w edytorze 3D Spline, w Hana możesz wygenerować działające interaktywne linki z dowolnej ramki. Wszystko jest zoptymalizowane pod osadzanie w środowisku produkcyjnym, więc Twoja praca wygląda po wdrożeniu tak samo dobrze jak w edytorze.

## Nowa era interaktywności

To nowe medium do myślenia interaktywnego. Niezależnie od tego, czy projektujesz produkt, dopracowujesz interakcję w UI, czy tworzysz bogate interaktywne doświadczenia, Hana pomoże Ci urzeczywistnić Twoje pomysły.

**Hana to fundament pod to, co dopiero nadejdzie.**

To pierwszy krok szerszej wizji tego, czym jest dziś ekosystem Spline – miejsca, w którym projektowanie 2D/3D i interaktywność płynnie się łączą i trafiają na produkcję.

Nie możemy się doczekać, co stworzysz w Hana!

— Zespół Spline 🌸

[Dowiedz się więcej](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

## Więcej z bloga

[3 listopada 2026Przedstawiamy Spline Arena](https://spline.design/pl/blog/introducing-spline-arena)[21 października 2026Przedstawiamy Spline dla ChatGPT](https://spline.design/pl/blog/introducing-spline-for-chatgpt)[27 sierpnia 2026Przedstawiamy Hana V2](https://spline.design/pl/blog/hana-v2)

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

Edytor 3D i 2D dla zespołów i ich agentów. Publikuj w sieci, na iOS i Androidzie.

#### Zapytaj AI o Spline

#### Produkty

- [Projektowanie 3D](https://spline.design/pl/3d-design)
- [Hana](https://spline.design/pl/hana)
- [Omma](https://omma.build)
- [Generowanie 3D z AI](https://spline.design/pl/ai-generate)
- [Spline MCP](https://spline.design/pl/mcp)
- [Spline Arena](https://spline.design/pl/arena)
- [Cennik](https://spline.design/pl/pricing)
- [Dla firm](https://spline.design/pl/enterprise)

#### Runtimes

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

#### Aplikacje

- [Pobierz](https://spline.design/pl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Pobierz Spline Mirror](https://spline.design/download-mirror)

#### Nauka

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/pl/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Rozwiązania](https://spline.design/solutions)

#### Społeczność

- [Społeczność Spline](https://community.spline.design)
- [Blog](https://spline.design/pl/blog)
- [Dziennik zmian](https://spline.design/pl/changelog)
- [Edukacja](https://spline.design/pl/education)
- [Contra](https://spline.design/contra)
- [Program partnerski](https://spline.design/pl/affiliate)

#### Firma

- [Klienci](https://spline.design/pl/customers)
- [Kariera](https://www.ycombinator.com/companies/spline/jobs)
- [Bezpieczeństwo](https://spline.design/pl/security)

#### Informacje prawne

- [Regulamin](https://spline.design/terms)
- [Prywatność](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.
