[LottieFiles 公式] Figma to Lottie: Figmaで作るモーションアニメーション (修了証発行)

グローバルモーションデザインプラットフォームLottieFilesの公式初となる韓国語講座を、今すぐInflearn（インフラン）で独占公開中！講座をすべて修了すると、LottieFiles公式修了証を受け取ることができます。

グローバルモーションデザインプラットフォームLottieFilesの公式初韓国語化講座、今Inflearnで独占的にご覧いただけます！講座を全て受講するとLottieFiles公式修了証を受け取ることができます。

グローバル・モーションデザイン・プラットフォームLottieFilesの公式韓国語講座を、今すぐInflearn（インフラン）独占でチェックしましょう。 本講座では、LottieFilesの核心的なウェブベースLottieアニメーション制作ツールである「Lottie Creator」を扱います。マイクロアニメーションからUIコンポーネント、インタラクティブなステートマシン（State Machine）まで、複雑なコーディングなしで実務ですぐに使えるLottieアニメーション制作の全過程を学習します。 特に、テキストプロンプトでベクターを生成する「Prompt to Vector」、AIがインタラクションロジックを自動構成する「Prompt to State Machine」など、AIベースのワークフローを中心に構成されています。完成した成果物は、柔軟なクロスプラットフォーム対応と超軽量サイズを誇るdotLottieファイルとして書き出し、そのまま開発者に共有できます。 受講後には、LottieFiles公式修了証とInflearn修了証の両方を受け取ることができます。

グローバルモーションデザインプラットフォームLottieFilesの公式初韓国語化講座、今Inflearnで独占的にご覧いただけます。講座をすべて受講するとLottieFiles公式修了証を受け取ることができます。

世界で最も多くの人々が使用しているコラボレーションツール、Figmaを学んでみましょう! UIデザインのスケッチ、プロトタイピング、コラボレーションのためのデザインツールFigmaの基本的な使い方と実務的な使い方を学びます。

頭が痛くてストレスの溜まる共同企画作業、作業ツールだけでも快適に使ってみてください。 専門家には創造性を発揮するさらなる機会を、非専門家にはデザイン的なセンスを！

コーダー（パブリッシャー）への就職や実務において、最も競争力となるモバイルウェブ制作能力を向上させることができます。コーダーとしてモバイルウェブを制作するための、ほぼすべての制作手法とノウハウを固めることができます。特に、最近のコーダーや開発者に求められるデザイン能力をフィグマ（Figma）の学習で大幅にカバーできるよう、FigmaによるモバイルウェブUIデザイン作業のプロセスも詳細に説明しました。モバイルウェブパブリッシング授業の最大の強みであるHTMLワイヤーフレームの詳細な作成法を、すべてのページ一つひとつ丁寧に解説します。講義を通じて、HTMLワイヤーフレームの制作能力が大きく向上するはずです。モバイルウェブパブリッシングは、CSS変数（Var）を活用してモバイルやタブレットに最適化したレイアウトを完璧に合わせる学習を通じ、実務とほぼ遜色のないレベルの作業能力を身につけることができます。Flexレイアウトを中心に、中上級のCSS実践能力を十分に備えることができます。

今、AIの力で誰でも簡単にアプリを企画し、UIを描けます！ コーディングを知らなくても、UI経験がなくても大丈夫です。Claude、ChatGPTのようなAIツールがあなたのアイデアを現実のものにします。たった数回の質問だけでターゲット顧客を分析し、アプリの構造を設計し、さらにはUI画面まで自動で生成できます。 この講座では、Figmaを初めて触る方も、基礎から段階的にお伝えします。手描きでなくともHTML to Designプラグインで既存のウェブサイトUIを一括で取り込め、Google Stitchやreaddy.aiのようなAIツールで数秒で完成度の高い画面を作成できます。 起業を夢見る方、プランナーへの転身を考えている方、開発者とコミュニケーションを取りたい方、全ての方にぴったりの講座です。複雑な理論ではなく、すぐに使える実践的なノウハウだけを厳選してお伝えします。これからはアイデアさえあれば誰でもアプリサービスを企画できます！

実装したいアプリ/ウェブアイデアはあるが、アプリサービス企画経験がなく、どのように始めなければならないのか幕を開けたスタートアップ代表、短期間に企画を体系的に学びたい実務者、キャリアの企画業務プロセスとノウハウを学びたいジュニア企画者とも専門家ができるようにフィグマを活用した新しい企画方式とPM 17年次の業務スキルを基礎からじっくりお知らせします。

この講義により、After EffectsのFractal、Glow、Advanced Lightning、Expression効果を活用したモーションエフェクトを製作できるようになります。

リサーチの自動化からバックエンドのデータ連携、さらには実際のライブ動的ウェブをデプロイする過程までを網羅し、個人が製品のライフサイクル全体を主体的にリードできるフルスタックの視点を養うことを目的としています。AI時代の競争力を強化したい方々に、アイデアを具現化する強力なエンジンとして活用する力を提供します。

After Effects中級以上、実務で活用できる技術を説明します。 CC2023で説明しますが、バージョンに関係なく基本原理を中心にしました。 ツール説明で時間を無駄にせず、能動的な研究ができる材料を用意しました。

AI技術とUXデザインが結合するAX時代、プロダクトチームはどのような戦略で顧客体験を設計すべきでしょうか？ 17年キャリアの大企業責任研究員であり、HCI博士出身の知識共有者が最新トレンドと活用事例、研究結果に基づいてお教えします。

もはや時間を無駄にしないでデマスター！ YouTube講義では実力が増えない方々を本物の実力者に！噂されたまさにその講義、デマスター講義でアフターエフェクトをマスターしてください。楽しさと感動を保証します。

HTML、CSS、JavaScript(jQuery)の基礎はありますか？でも、ウェブサイト全体をどう作ればいいのかよくわからないですか？それなら、デザインを参考にしてショッピングモールのメインページの実装に挑戦してみてください。完成されたデザインを参考に、企画意図やデザインの詳細な事項を把握し、ウェブサイトを実装するノウハウをお教えします。

GA4活用のための核心レポートを作成しながら、GA4を実務ですぐに使えるように学習できます。データ分析のために、どのようなレポートをどのような方法で作るのか、具体的な事例を学ぶことができます。実務分析のために、ヒートマップツールであるMicrosoft Clarityの設置・使用方法もあわせて説明しています。

Unreal UMG入門コースです。ゲーム業界11年目のUI/UXデザイナーLucyが直接進行し、簡単で楽しくUnreal EngineとUMGを学ぶことができます。修了後には様々なUIをWidget Blueprintに配置し、簡単なMaterialおよび演出とEventノードなどを制作できるようになります。

Figmaデザイン + AI活用コーディング + デプロイまでフルスタックコース！！ [Figma + バイブコーディング (HTML/CSS/Tailwind/React) + Git + vercel デプロイ] 自分のデザインそのまま！！1ピクセルの誤差もなくバイブコーディングで完成！ AI活用で実務の生産性を5倍高めるフルスタック攻略本！ デザインもコーディングもすべて可能なフルスタックデザイナー、あなたもなれます。 ✅ デザインの意図まで一ピクセルの誤差なく具現 ✅ AIが理解するデザイン設計 ✅ AIを正確にコントロールするプロンプト制作能力 ✅ AIが自由に作成したコードをサクサク修正する能力 デザインからコーディング、デプロイまで1/5に短縮される驚きの体験をお届けします。

非専門家やデザイナーでなくても、Claude DesignとFigmaを活用して、Web UI、提案書、デザインシステムまで自ら作成・修正する方法を学びます。 実務ですぐに活用できるよう、Claude CodeとClaude Designの違いから、インストール、プラグインの活用、コンポーネントベースのUI制作、デザインの修正、および運営中のサービスへの適用方法まで、段階別に実習中心で進めます。 デザインツールが苦手だった開発者・企画者・マーケターも、AIとコンポーネントベースのワークフローを通じて、素早く成果物を作る経験ができるようサポートする講座です。

自分だけの素敵なウェブサイトとプロトタイプをウェブフローで作りましょう！ 簡単かつ迅速に開始できるようにコアコンセプトを持ち、参考にできるテンプレート/プラグインも整理します。

デザインは難しく、Figmaは複雑そうだと思っていませんでしたか？ 今は非デザイナーでも直接画面を作れる時代！ 図形・テキスト・マスクなどの基本機能から、 背景削除、AI画像生成、UI自動制作まで、 FigmaのAI機能を実務の流れの中で自然に活用する方法を学びます。 詳細ページの制作からショッピングモールのUI画面構成まで、 デザイナーの助けを借りずに成果物を完成させることができる 実践的なFigma活用法を体験してみてください。 Point 1. Figmaの核心機能さえ身につければ、自分で画面を作れる - フレーム・図形・テキスト・マスクなど、必須の描画機能のみを実習中心に学習 - 詳細ページの全セクションを最初から最後まで直接制作し、成果物の完成を経験 Point 2. Figma AIを活用して作業スピードを大幅に短縮 - 背景削除、画像生成、レイヤー整理などのAI機能を実務の流れの中で自然に活用 - 単なる機能紹介ではなく、実際のデザイン作業につながる活用法を中心に構成 Point 3. ショッピングモールUIまで作る実務型デザイン感覚を身につけよう - オートレイアウト・コンポーネント・Make Designs機能でUI画面セットを制作 - 非デザイナーでも一人で画面を設計し、完成させることができる実践感覚を学習

ノーコード（No-code）で採用サイトなどの両面プラットフォームサービスを作成できるようになります。

ノーコード（No-code）で予約サービス、マッチングサービス、コミュニティサービスのプロトタイプを作成できるようになります。

🙋🏻‍♂️ ワンチョボのためのノーコード（No-code）入門講義です。コーディングすることができない企画者一人でもWebサービスを作って市場の反応を素早く確認できるようになります！