デザインプロセス ゼロトゥワン : Figmaで企画からデザイン、デリバリーまで

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

Inflearn 知識共有者の申請まではしたが、講義の製作があまりにも大変です。それでは、知識共有者カン・ヨンファの講義制作ノウハウを一度聞いてみてはいかがですか？

知識共有者の皆様、ようこそ！Inflearnです：D 知識共有者とは、Inflearnで講座を制作する講師のことです。講座のテーマ選定、企画、撮影方法、編集まですべてお教えします。Inflearnで分かち合い、学び、成長しましょう！

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

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

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

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

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

25年7月に実施したTDDオンラインライブミートアップの録画映像です。

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

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

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

知識共有者カン・ビョンジン様とご一緒したLLMアプリケーション経験共有会ライブ映像の編集版です :)

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

この講座は、Excel の基本を理解している方に、中級以上のレベルでデータ分析と視覚化チャートの作成方法を教える講座です。この講座で、Excel を完全にマスターできます。

この講義は「トビのスプリング」講義の発売を記念して、トビさんと共に行ったYouTubeライブ映像の編集版です。

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

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

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

デザインシステム構築能力は、もはや選択ではなく就職と実務における必須スキルです。この講座では、デザインシステムの概念から、Figma Variables・トークン・コンポーネント・レスポンシブ設計まで、入門から始めて専門的なスキルを身につけることができます。 総合実践プロジェクトでは、モバイル、タブレット、デスクトップのすべてを網羅するデザインシステムを構築し、サービスページを作成します。初心者の方なら、この講座を完走した頃には、面接官が「すぐに実務に投入できる」と感じるような差別化された競争力を備えることができるでしょう。開発者や個人起業家の方なら、デザインシステムを自ら構築できる基盤を固め、一貫性のある高品質なプロダクトを作れるようになるはずです。

一人でとても忙しいのですが、いつもきちんと働いていないという不安があれば？ 4つのスタートアップを経て、ネカラ(...)センで働いている9年目デザイナーがぶつかり、経験した射手なしで成長する実戦戦略をお知らせします。

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

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

「生成AIを活用して企画・デザイン・実装・デプロイまで完成させるWeb開発実践プロジェクト講座」 アイデアの構想から始まり、AIでデザインをパッと作成し、Reactで実際に動作するウェブサイトの実装、そしてインターネットへのデプロイまで、すべての過程をステップバイステップで一緒に完成させます。 StitchやFigma Makeといった最新のAIツールがデザイン作業をサポートし、複雑なコーディングも段階ごとに簡単に進められるようお教えします。

CSS Gridは、複雑なレイアウトも簡単かつ直感的に実装できる強力なツールです。今回の講義では、CSS Gridの核心的な概念から実践的な活用法まで、段階を追って簡単に学べるように構成しました。もう複雑なfloatやflexboxに縛られることなく、効率的なレイアウト設計の定石を学びましょう！今すぐ始めてください！

本講座では、AIプロダクトを企画しデザインする際に必要となるUX原則と実践的なノウハウについてお伝えします。ユーザー価値中心のAI活用法、AIを活用したUX企画およびデザイン方法、日常の中のデザイン事例から学ぶ核心的なUX原則と理論、より良い体験を提供するためのUXリサーチおよびデータ分析法について学びます。

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

IRデッキを作成したものの、「説得力に欠ける」というフィードバックを受けたことはありませんか？ ほとんどの問題はデザインではなく、メッセージの構造にあります。 実際のIRデッキ設計の経験に基づき、投資家視点でのストーリー設計基準をまとめました。 ビジュアルを超えて構造を設計する、実務型デザイナーへと成長するための授業です。

ウェブ開発の第一歩を踏み出しましたか？HTML、CSS、JavaScriptを始めたばかりの方に特別なご提案です！ モバイル時代に合わせてモバイルウェブサイトを作りたいけれど、どこから始めればいいか迷っていませんか？ご心配はいりません。 Figmaモバイルデザインを直接分析し実装しながら、自然にレスポンシブウェブ開発の核心を学んでみましょう。洗練されたモバイルデザインを基に、ユーザーの心を掴む繊細なインタラクションから、様々な画面サイズに完璧に適応する技術まで、全てを一緒に学んでいくことができます。 さあ、あなたのウェブサイトが全てのデバイスで輝くように、ノウハウを共有します。一緒に始めてみませんか？

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

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

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

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

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

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

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

この講座は、Figmaのデザインをウェブページとして実装するプロセスについて、ステップバイステップで説明します。画像の保存からHTML、CSSの作成、Javascriptの作成まで、ウェブパブリッシングの実務全般を扱います。初心者の方でも簡単に進められるよう、体系的に構成されています。実習中心の学習を通じて、ウェブデザインを効率的にコードへ変換する方法を学ぶことができます。

このレッスンでは、実際のビジネスに利用可能な「予約」機能を含むホームページテンプレート＆quot;を取得します。

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