Spline
デザインツール
プロのデザインのための、なじみのある高度なツール
おなじみのデザインツール、高度なエフェクト、そして大規模なプロジェクトを整理するための構造。
- フレームベースの無限キャンバス
- ベクターネットワークとブーリアン
- ページとセクション
- グラデーション、ガラス、3D図形
デザインキャンバスを、AIエージェントの力で
ライブラリ
動きのあるデザインを、Hanaで
Hanaでつくられた作例を見てみましょう。リミックスしたり作り直したりしながら、アイデアが本番品質の体験になるまでを探れます。
インタラクションとアニメーション
デザインに命を吹き込む
ステート、イベント、アニメーションで、動きとインタラクションを追加。手作業でも、エージェントに頼んでも。
- ステートとイベント
- トランジションアクションでアニメーション
- FollowとLook Atのインタラクション
AIエージェント
エージェントがデザインできるキャンバス
Hana自身のエージェントがキャンバスでデザインし、あなたのエージェントもClaude、ChatGPT、Cursor、あらゆるMCPクライアントからデザインできます。
- フレーム、エフェクト、インタラクションを作成
- 複数の画面を並行して作成
- MCP経由で自分のエージェントを
- すべて手作業で編集可能
インタラクションのために
インタラクションのためのデザインツール
インタラクティブなUI、モーション、リアルタイムグラフィックスをデザインするためのツールを、速くてなじみのあるインターフェースで。
おなじみのデザインツール
フレーム、ペン、ブーリアン、図形などを使って、無限のキャンバスでデザイン。
パワフルなインタラクション
ステート、イベント、アクションでインタラクティブな体験をつくれます。
アニメーションする体験
ステートとトランジションで、デザインに動きを加えられます。
ビジュアルエフェクト
シャドウ、ブラー、ノイズ、ガラス、3Dで、リアルタイムのビジュアルエフェクトを。
リアルタイムのブーリアン
高度なブーリアンシステムをつくり、リアルタイムにアニメーションできます。
ベクターネットワーク
ベクターネットワークをつくり、ユニークなインタラクションを与えられます。
キャンバス上でプレビュー
インタラクションやアニメーションを、キャンバス上で直接プレビューできます。
本番対応のエクスポート
インタラクティブなデザインを、Webサイト、Webアプリ、デジタルプロダクトに組み込めます。
コラボレーション
リアルタイムに、一緒にデザイン
リアルタイムのコラボレーションで、無限のキャンバスにインタラクションをデザイン。チーム全員の共有スペースで整理できます。
リアルタイムのマルチプレイヤー
チーム全員で、同じファイルでデザイン。
ロールと権限
EditorとViewerのロールを個別に細かく管理。
ファイル管理
すべてのファイルとプロジェクトを保存・管理できるチームの共有スペース。
メモとフィードバック
エディター上で、チームにコメントを残したりメモを取ったりできます。
エクスポート
インタラクションをWebへ
Webサイト、Webアプリ、デジタルプロダクトに、インタラクティブな体験を手軽に組み込めます。
マウスや指を動かして操作してみてくださいシーンをリミックス
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>