見出し画像

30日間のFigma to Lottieチャレンジでインスピレーションを得る

LottieFiles Japan 公式note

FigmaからLottieへの変換をご存じない方は、Figma用LottieFilesプラグインの最もエキサイティングな機能のひとつを、見逃していることになります。基本的にFigma to Lottieは、Figmaで制作準備の整ったLottieアニメーションを簡単に作成することができます。

驚くほどユーザー・フレンドリーなFigma to Lottieは最新の機能、例えば、 boolean shapesやtext supportによって進化し続け、あなたのアニメーションを生き生きとさせる究極のツール・セットを提供し続けています。

練習時間を最大限に活用し、モーションスキルを磨いていただくために、「Figma to Lottie 30日間チャレンジ」をご用意しました。このチャレンジは、活気あふれるコミュニティで、すでに数え切れないほどの魅力的なアニメーションを生み出しています。

Figma to Lottie 30日チャレンジとは?

このチャレンジは、#30DaysOfFigmaLottieというハッシュタグの下に行われ、クリエイティブな才能を解放して、30日間、1日1つのアニメーションを作成するというものです。これだけです！

インスピレーションを得るための最良の方法であり、「習うより慣れろ」です。さあ、30日間のチャレンジに乗り出しましょう！作品を投稿する際には、#30DaysOfFigmaLottieをつけるのをお忘れなく。

まず、Figma to Lottieの仕組みについて教えてください。

チャレンジに入る前に、Figma to Lottieがどのように機能するのか、おさらいしておきましょう。直感的でユーザーフレンドリーな機能により、プロダクトデザイナーは、洗練された魅力的なアニメーションをシームレスに作成する力を得ることができます。

LottieFiles for Figmaプラグインは、リアルタイムでアニメーションをプレビューし、Lottieファイルとしてエクスポートする機能を備えています。

さらに、これらのアニメーションは、Lottieをサポートするウェブサイトやモバイルアプリケーションなど、複数のプラットフォームで利用することができ、デザインの範囲とインパクトをさらに拡大することができます。

LottieFiles for Figmaプラグインを使い始めるには、3つの簡単なステップを踏むだけです：

  1. LottieFiles for Figmaプラグインをダウンロードする。

  2. アニメーションを検索するか、独自のアニメーションを作成します。

  3. そのアニメーションを、そのままシームレスにデザインに挿入します。

アニメーションを作成するには、既存のプロトタイプ・フローをLottieアニメーションとしてエクスポートするか、複数のフレームを選択して、素早くアニメーション・パスを作成します。

また、以下のリンクも参考にしてください：

以下のFigma to Lottieアニメーションをチェックしてください。

30日間のFigma to Lottieチャレンジを通して、コミュニティは、あなたの創作意欲をかき立てるような、本当に感動的なデザインを生み出しました。これらのアニメーションは、プラグインを使ってできる素晴らしいことを紹介し、あなたが可能だと思っていたことの限界を押し広げます。

これらの素晴らしい作品のいくつかを以下でご覧ください！

1) Kellyさんの素晴らしいアニメーションに祝杯を。

2) Raifとの時は刻々と過ぎていく

3) Saylee Kirのスターにトリップする

4) Sinと一緒に日光浴をしよう

5) Nattuでロゴを再構築しよう

6) YaaminOnでConfigへの愛を示そう

7) MandyとCherry Bombを食べよう

8)  29日目、olonksと共に気合を入れる

9)  Adrian YapとのSquiggles

10)  InadでRoping

11) Sepideh Yazdiによるクリッピング・マスク・アニメーション

12)  Muazzim MSと信号機

13) Badyと共にイエスといおう

14)  いたずらのタイムラインへの旅

もっとインスピレーションが欲しいですか？ TwitterやLinkedInで、才能あふれるコミュニティの作品をチェックしてください！

LottieFiles for Figmaプラグインを使って、あなたの作品を見せてください。

Figma for Lottie は、あなたのデザイン・プロセスに興奮と効率性をもたらします。1つのフレーム、複数のフレーム、あるいはプロトタイプ全体をアニメーション化する場合でも、実験や探求をためらわず、プロセスを楽しんでください。

LottieFiles for Figmaプラグインを使えば、誰でも簡単にデザインにプロダクション用のアニメーションやモーションを組み込むことができます。

LottieFiles for Figmaをダウンロードする

https://lottiefiles.com/LottieFiles

引用元：https://lottiefiles.com/blog/inspiration/30-day-figma-lottie-challenge-animations

いいなと思ったら応援しよう！