この記事では、スマホアプリやウェブサイトでよく見られる、代表的な定番アニメーション7つを、プロトタイプツールFigmaで実装、再現する方法をご紹介します。 Figma(フィグマ)とは? Figma(フィグマ)とは、ブラウザ上で動作する、インターフェース・デザイン・アプリケーションです。 特にチームなど複数人による共同プロジェクトに最適なアプリケーションで、リアルタイムでの同時編集も可能です。 Figmaは本格的なイラストレーションが可能なベクターツール、プロトタイプ機能、ハンドオフのためコード生成など、プロジェクトに必要なすべてのツールを提供してくれます。 機能が不十分なときは、プラグインで拡張することができる点もポイントです。 2020年に注目したい人気プロトツール「Figma」のベストプラグイン厳選52個まとめ Figmaにおけるアニメーションの基本 Figmaのアニメーションの基本を
![Figmaで基本の定番UIアニメーション7つをデザインしよう 無料サンプルデモ有](https://cdn-ak-scissors.b.st-hatena.com/image/square/86329983e83793278167239e61ce21b184bc539b/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2020%2F10%2Ffigma-animations-1.png)