[2024 年更新] UX/UI の始め方: Figma 入門 (Inflearn Original)

この講義は、Python の基礎を学んだ学習者が Python を実務に活用できるように、高度な文法を学ぶことに重点を置いています。Python の独自の特徴を理解して素早く習得することで、中級レベルのプログラミングに慣れることができます。

すでに2万人以上が学習し、満足した最高のプログラミング入門講座。 Inflearnが非専門家の立場から直接企画、準備したプログラミング入門講座で、プログラミングをまったく触ったことがない人から実際に活用可能なプログラミング能力まで向上できる講座です。

デザインチームも、企画書も、PMも不在の環境で、いかに企画し、伝え、説得できるでしょうか？ 元29CMプロダクトデザインリードのキム・ヨンジュンデザイナーが、Figmaを中心にセルフプロダクト戦略を実践事例と共に共有します。構造のない環境で生き残る方法から、Figma一つで構造を築く方法まで、詳しく見ていきましょう。

Pythonの基礎文法知識に基づいて簡単な例から難しい例に難易度を高めていきます。 この過程で一人で学習する方法、しっかりとした文法知識の習得、基本基盤を確実に固めることになります。 さらに、Pythonプログラミングのよく使用されるパターンを学びます。

技術面接対策として、OS の知識を基盤に、マルチスレッド、マルチプロセッシング、並列性、並行性などの文法を扱うためのコースです。複数のリソースを使用して実行効率を高める方法に関する基本知識を学びます。

幅広い Python 開発経験とオンライン/オフラインの授業経験を基に、Python メタプログラミングと深い文法を扱うコースです。さらに、Python 就職活動中の面接や経験者の技術面接にも役立つカリキュラムを用意しました。また、自分で作成したライブラリを PyPI (Python Package Index) に直接配布するプロセスも説明します。

Excel をデータ分析ツールとして活用して業務に価値を加えることができます。 Excel の基本的な概念を幅広く、詳細に学習できる基本的な Excel 講義です。

<2025 知彼知己リレーライブキャンペーン>の一環として1月23日に実施した、フンボタン チョン・フンスさんのライブ映像です。

Excel ではなく Python Pandas を使用すると、データ分析をより簡単かつ効果的に行うことができるという事実! 金融データ分析を通じて、Pandas ライブラリの基本的な機能と実務的な使用方法を学びます。

Javaの基本概念、この講義で一度につかみます。 また、学士管理プログラム、子どもの家食代管理などの例の実習を通じて学んだ内容をまさに私のものとして😀

基本概念から一歩ずつ説明し、実際にウェブ環境で動作する様々なアプリケーションを作成する実習を通じて、実践的な知識を身につけられるようサポートします。この講座をすべて修了すれば、プログラマーとして即戦力になれます。

AI時代にプロダクトデザインと教育はどのように変化しているのでしょうか？ フィグマ公式コミュニティ、FoF Seoul & Educators が共同で主催し、ミートアップを開催しました。 AI時代のプロダクトデザインと教育に関する様々な事例、テーマと共に、フィグマを愛するグローバル業界の登壇者たちの関連セッションをご覧ください。

生活コーディングの最初のウェブ開発講義、<WEB 1 - HTML & Internet>のリニューアル版が、インフラン（Inflearn）限定で公開されます！

この講義では、IT/テクノロジー分野でサービスを企画するためのサービス企画およびデザインの方法論、およびサービス企画者が備えておくべきさまざまなソフトスキルについて説明します。最後に、AI音声認識サービスを例に、サービス分析まで行う初心者向けのUXサービス入門講義です。

<2025 己を知り彼を知るリレーライブキャンペーン>の一環として1月16日に実施したイ・ジョンファンさんのライブ映像です。

本映像は、<板橋仕事帰りミートアップ with インフラン - 開発者キャリア>で行われた発表セッションの録画です。

『インスピレーションノート』の著者スンヒさんと共にする、日常の中のインスピレーションの見つけ方から、 ブランドマーケターとしてのスンヒさんに聞きたいことまで！

スプリングフレームワーク基本から本番使い方まで！充実して幅広い説明と例を通じ、現場に直接投入され活躍する開発者に生まれ変わりましょう。

ワンテッドプロダクトデザイナーイ・サンヒョさんが言うデザインコラボレーションからキャリアへのアドバイスまで！皆さんが気になる話を込めました。

初めてプログラミングを始める方のためのウェブ開発入門講座です。HTML、CSS、Javascriptを学び、Instagramの投稿カードを作成することで、ウェブページ制作に不可欠な基礎内容を学習します。

広く使用されている UX/UI デザイン ツールである Sketch の機能を学び、アプリケーション インターフェイス デザイン全般について学習します。

デザインを学んだことがない非専攻者の方々、今まさにUXデザインの勉強を始めたばかりの学生、UXおよびUIデザインの就活生の方々のために準備した「FigmaでUIデザインする A to Z」授業です。Photoshopなど他のツールを全く知らない方でも、Figmaだけを活用してUIデザインの専門家になれるよう、基礎から高度な機能まで教えます。

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

「こんなに忙しい世の中、AIを活用してポートフォリオを素早く作れるって？」 問題定義からリサーチの整理、アイディエーション、プロトタイピングまで！AIを実践パートナーとして活用し、完成度の高いUX/UIポートフォリオをスピーディーに作りましょう。 最新のAIツールはもちろん、実務で使われ続けている検証済みのツールまで、プロジェクトに合わせて戦略的に活用できます。

確実な画面実装方法の理解と簡単で迅速な方法を誰よりも多くのプロジェクト経験を通じたノウハウをまとめて講義にしました。

Web企画基礎コースが中大規模プロジェクトでどのように応用され、実務に適用されるかをお知らせするWeb企画応用過程です。 <<このVODは実際のレッスンの録画映像で、雑談などの音が一部含まれていますので、ご購入の際に参考にしてください~!>>

きれいな画面100個より、動くプロトタイプ1個！Figmaの条件付きロジックで本物のように動作するプロトタイプを作成し、AI時代でも揺るがないデザイン思考力を養いましょう。

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

弊社の「実際の現場でのやり方」であり、入社する企画者や開発者のための「オンボーディング用動画」を公開します。デザイナーなしでサービス画面をデザインした後、Figmaを知らなくても画面UX Flowを作成し、プロトタイプを作る方法を教えます。弊社がサービス企画時に素早くプロトタイプを作成し、迅速な意思決定と必要な機能の確定を行い、フロントエンド開発に活用することで、生産性を最大化して業務を進めている方法です。反応が良ければ、他の「現場流」の講義もアップロードします。

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

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

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

ソ・ジャヨン様、キキ様、カン・ヨンファ様がこれまでキャリアで経験した事例に基づいてセルフ成長法とソフトスキルについて話します。

この講義は、デザインQAを単なる検品ではなく「製品の完成度を設計するプロセス」として再定義します。 画面・状態・フローの基準を体系化し、デザインシステムと連動した実践的なQA思考法を通じて、繰り返しの修正を減らし、基準に基づいてコミュニケーションする方法を提示します。

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

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

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

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

データアナリストもユーザーリサーチャーもいない小さなスタートアップを7社も渡り歩き、多種多様な試行錯誤を繰り返してきました。UXを設計する人が直面しうる様々な現実的な困難と、その困難を乗り越える過程で得られた深いインサイトを共有します。