＋
フィグマからロッティーへ：
フィグマに動きをもたらす
Figma to Lottie機能を使用して、デザインやプロトタイプを簡単に製品向けのLottieアニメーションに変換できます。 Figma DevモードでLottieFiles for Figmaを使用して、埋め込みコードとアセットリンクを手間をかけずに取得し、手間をかけずにファイルを引き渡すことができます。
FigmaのデザインをLottieアニメーションとしてエクスポートし、ウェブサイトやアプリで利用してください。Figma内で世界最大のLottieアニメーションライブラリにすぐアクセスできます。
新着情報
Made in Figma to Lottie
FigmaのデザインをLottieアニメーションとしてエクスポートし、ウェブサイトやアプリで利用してください。Figma内で世界最大のLottieアニメーションライブラリにすぐアクセスできます。
Figma上での本番用アニメーション
製品に適したLottieアニメーションを作成する
Figma to Lottieの機能を使用すると、簡単にFigma内で魅力的なアニメーションを作成し、それをLottie形式でエクスポートすることができます。アニメーションプリセットを使用するか、複数のフレームを接続してアニメーションを作成するかを選択してください。
AIプロンプトをベクトルに変換
テキストプロンプトをカスタムSVGイラストに変換して、完璧なアセットを探す手間を省きます。AIパワーのレイヤーグループ化と命名を活用して、デザインをきれいに整理します。
🎉 新しい
ラスターからベクターへ
PNGやJPGなどのラスター画像を完全に編集可能なベクターに変換して、手作業でトレースする手間を省きましょう。FigmaでLottieにアニメーションを付けたりして、デザインにすぐに活用したりしましょう。
🎉 新しい
デバイスにアニメーションを直接ダウンロードする
デバイスに直接オプティマイズされたdotLottie/Lottie JSON、dotLottieまたはLottie JSONとしてアニメーションをダウンロードすることができます。また、複数のサイズでGIF、MP4、WebMまたはMOVとしてエクスポートすることもできます。
🎉 新しい
プレミアムアニメーション
Figma内で400,000以上のエクスクルーシブで完全にカスタマイズ可能なプレミアムアニメーションにアクセスして、ユーザーが愛する見事な製品を作成します。
ありとあらゆる業界や使用事例に対応したアニメーション
当社のFigmaプラグインから、100,000以上の無料で利用可能なLottieアニメーションを検索してください。 すべてのアニメーションは個人および商用に使用できます。
最終製品と同じようにデザインプロトタイプを作成します
FigmaプロトタイプにLottieアニメーションを追加し、デザインの最もリアルで魅力的なバージョンをステークホルダーに効果的に伝えます。モーションで効果的にコミュニケーションし、推測作業を排除します。
FigJam用のLottieステッカー
100,000以上の無料、400,000以上のプレミアムロティステッカーに直接アクセスし、FigJamのブレストーミング、アイデア出し、共同作業セッションをもっと楽しく、ワクワクするものにしましょう。
個人ファイルとチームのアニメーションライブラリにアクセスしてください
プライベートファイルを挿入して、チームの共有ライブラリを Figma デザインに組み込んで、より効率的で協力的なワークフローを実現できます。
ブランドに合わせたアニメーションをカスタマイズ
人気のあるカラーパレットを適用するか、ブランドスタイルと美学に合わせて色を選んでください。
Figma Devモード用のLottieFiles
新しい
船のアニメーションを迅速かつ便利に
Figma内でアニメーションのアセットリンクと自動生成された埋め込みコードに簡単にアクセスし、それらを瞬時に送信します。
VSコードのサポート
開発者は今、VS Code 内でアニメーションのリンクとコードに直接アクセスできます。もうFigmaとVS Codeを行き来する必要はありません!
プレイヤーコントロール
再生モード、方向、速度などのようなアニメーション設定をカスタマイズし、わずか数回のクリックで埋め込みコードを生成します。
アセットリンクの自動有効化
ワークスペースとFigmaデザインの切り替えの手間を忘れましょう。ワークスペースのアニメーションアセットリンクは、LottieFiles for Figmaを介して挿入されると自動的に有効になります。
アニメーションの完全なプレビュー
選択したアニメーションをフルモーションでプレビューできるので、出荷された後の見た目や挙動をかなり良くイメージできます。
最適化されたdotLottieまたはLottie JSONとしてシップアニメーション
Optimized dotLottieやLottie JSONフォーマットでアニメーションを配信することができます。ファイルサイズを最小限に抑え、すばやくロードできるようになります。
3つの簡単なステップで始めましょう
検索または独自のものを作成
アニメーションを検索するには、「Discover」の「Workspaces」タブを使用するか、「Figma to Lottie」タブを使用して独自のアニメーションを作成してください。
Dev Modeプラグインの場合、ワークスペースから挿入されたアニメーションを選択して開始してください。
アニメーションを挿入または確認します
フィグマキャンバスにGIFとしてアニメーションを挿入してパーソナライズしましょう。
Dev Modeプラグインでは、希望のファイル形式を選択し、アニメーションのアセットリンクまたは自動生成された埋め込みコードをコピーして配信します。
追加リソース
LottieFiles for Figmaを始めるためのいくつかのインスピレーションをお届けします。
