SplineでつくったインタラクティブなデザインをFigmaに追加する方法

Spline 3D初級7分

このチュートリアルでは、まずSplineでつくった3Dのハンバーガーのデザインをインタラクティブな体験に変える方法を紹介します。続いて、Animaプラグインを使ってこのシーンをエクスポートし、Figmaに埋め込む方法を解説します。 Splineをチェック:https://spline.design/ Animaプラグインのダウンロードと詳細はこちら:https://www.animaapp.com/figma

🍔 リミックス:https://app.spline.design/file/84edf867-cc15-4fd3-a379-d46b3de66750

👉 Splineでは、3Dシーンをプロジェクトに埋め込むだけでなく、iOS向けのネイティブアプリも生成できます。visionOS向けのSpline Mirrorにデザインをエクスポートして、Apple Vision Proで3Dを体験しましょう。

詳しくはこちら:https://spline.design/ios#app-generation

💖 コミュニティに参加 👉 http://discord.gg/spline

学べること

  1. 0:00イントロ
  2. 0:34Splineでインタラクティブなアニメーションをつくる
  3. 3:44Animaプラグインで3DデザインをFigmaに埋め込む
  4. 5:50Splineから直接ネイティブアプリを生成する

関連リソース

関連するチュートリアル

すべてのチュートリアル