SplineHana V2のご紹介
Hana V2が登場しました。MCP対応、WebGPU、GLB/GLTFの読み込み、SVGとPDFでのエクスポート、より使いやすくなったベクター編集などを備えています。
変更点
- MCPアクセス - 外部のAIエージェントがHanaのキャンバスでデザインできるMCPサーバー。
- Hana AI Agent - チャットのプロンプトで、UIデザイン、サイト、アプリの画面などのコンテンツをHanaのオブジェクトシステムでネイティブにつくれます。既存のコンテンツの編集も可能です。
- 生産性を重視したHanaのUIの再設計。
- Hana WebGPU - HanaのエディタがデフォルトでWebGPUで動くようになりました。
- GLTF/GLBの3Dに完全対応 - GLTF/GLBのモデルを3Dオブジェクトとしてデザインに読み込めます。アニメーションインスペクターと3D Shapeエフェクトの設定付きです。
- SVGエクスポート - フレームをベクターのSVGファイルとしてエクスポート。
- PDFエクスポート - フレームをPDFドキュメントとしてエクスポート。
- Adobe Illustratorファイルの読み込み - .aiファイルをキャンバスに直接読み込めます。
- 20種類以上の新しいトランジション - sine、expo、circ、back、power、ベジェのin/outのバリエーション、springなど、20種類以上の新しいアニメーションのトランジション／イージング。
- グリッドレイアウトメーカー - 選択したオブジェクトを設定可能なグリッドレイアウトに並べる、スマートな調整ツール。
- 画像レイヤーのコントロール - 画像の塗りとレイヤーのための、新しいクリッピングとフィットのコントロール。
- Cmdを押しながらのリサイズでトリミング - Cmdを押しながらリサイズハンドルをドラッグすると、画像／動画の塗りをその場でトリミングします。読み込んだメディアは半分のピクセルサイズで配置されます。
- テキストの切り詰め - はみ出したテキストを省略記号で切り詰められます。
- 距離ヘルパー - Altを押したままにすると、選択中のオブジェクトとホバーしているオブジェクトの距離が表示されます。
- 間隔ヘルパー - 複数のオブジェクトを選ぶと、それらの間隔が表示され、均等に配置できます。
- フレームサイズのテンプレート - フレームの作成時に、デバイスやSNS向けのプリセットのサイズを選べます。
- コントラストチェッカー - カラーピッカーにコントラスト比が表示されるので、アクセシブルな色の組み合わせを選べます。
- 共同編集者のライブカーソル - キャンバス上でのリアルタイムのプレゼンスを改善しました。名前タグ付きの矢印カーソル、ユーザーごとの選択範囲の枠、ボックス選択の表示。
- アニメーション可能なステートシステム - データモデルに新しいアニメーション可能なステートを追加し、未知の形式や不正なドキュメントにも耐える堅牢な解析を実装しました。
- コンポーネント／インスタンス - インスタンスはキャンバス上のメインオブジェクトからライブで解決されるようになり、同期されたコピーや入れ子のインスタンスの仕組みが不要になりました。
- より速いオートレイアウトと制約 - レイアウトとアンカーベースの制約を、信頼できる唯一の情報源（single source of truth）としてRustのランタイムに移し、並行していたTypeScriptの実装を置き換えました。
- カスタムシェイプのなめらかな角丸（iOS） - スクワークルの角のスムージングを、長方形からカスタムシェイプとすべての2Dプリミティブに広げました。
- システムフォント - デスクトップアプリで、インストール済みのシステムフォントがフォントピッカーに一覧表示され、参照として保存されます。
- ズームの改善 - キャンバスのズームがなめらかになり、スクロール量に比例するようになりました。
- 大幅なパフォーマンスの向上 - アイドル時のフレームのスキップ、ファイルの読み込みの高速化、GPUによる押し出しのアニメーション、グラデーションの改善、3Dシェイプの高速化など、さまざまな最適化。
- Google Fontsの更新 - 2000近いフォントが使えるようになりました。