Motion Composer

概要

• ボタン、通知、ダイアログ、カードの動きを一つのスタイルとして設計し、実際に操作できるHTMLサンプルとして確認できます。
• 無料で編集・再生でき、プリセットや保存済みのAstra実例から始めて、タイミングや見た目を調整できます。

主な機能

• 完成したモーションは、単体で動作するスタンドアロンHTMLとしてダウンロードでき、デザインと開発の共有に活用できます。
• Astraの提案はプレビューで内容を確認してから適用・破棄でき、適用後の変更も元に戻せる設計です。
• 保存済みのAstraサンプルはAPI接続なしで試せるため、外部サービスに接続せず無料のワークフローを利用できます。

こんな人におすすめ

• UIデザイナーやフロントエンド開発者など、抽象的になりやすいモーションの意図を具体的な操作例で共有したい人に適しています。
• ウェブサイト全体や完全なデザインシステムではなく、主要なインタラクションの動きに絞って検討・比較したい人に向いています。