GSAPアニメーションを共有ライブラリで利用可能になりました！

※この記事は2026年04月16日にWebflowが公開した下記アップデート情報・ニュースを日本語訳したものです（一部加筆・修正あり）

Bring Interactions with GSAP into your design system

‍

アニメーションはデザインシステムに動きや魅力を与える重要な要素ですが、コンポーネントやページ、複数の担当者間で一貫性を保ちながら管理することは容易ではありません。

今回のアップデートにより、GSAPを利用したインタラクションをコンポーネントや共有ライブラリで利用できるようになりました。これにより、アニメーションもデザインシステムの一部として管理・再利用しやすくなります。

主なアップデート

• メインコンポーネントやバリアントに対して、コンポーネント単位のインタラクションを設定可能
• コンポーネントを別のページやサイトで再利用する際も、設定したインタラクションを引き継ぎ可能
• 共有ライブラリにインタラクションを含めることで、アニメーション付きのコンポーネントをチーム全体で活用可能
• 個別のコンポーネントインスタンスごとにアニメーションを設定し、利用シーンに応じた表現を実現

また、本アップデートでは従来のClassic Interactions（IX2）が提供していた共有ライブラリ対応をすべてサポートするとともに、コンテキストに応じたコンポーネントアニメーション機能も追加されています。

これにより、複数のプロジェクトにおけるアニメーション表現の統一が容易になり、重複した作業を削減できます。さらに、アニメーションを含む再利用可能なコンポーネントをチーム内で共有しやすくなり、制作・運用効率の向上にもつながります。

‍