Figma AI(フィグマ)入門、デザイン自動化の始まり Part.3(完)

Figmaの基本インターフェースとベクターツールをはじめ、オートレイアウト、コンポーネント、レスポンシブレイアウトなどの主要機能を体系的に学ぶ講座です。モバイルUIのレイアウトやコンポーネント制作の実習を通じて、実務にすぐ活用できるデザインスキルを身につけます。プラグインやFigma Site、Figma Make、最新のFigma AI機能を活用し、デザインの自動化とプロンプトベースのワークフローを体験します。

1名 が受講中です。

難易度 初級

受講期間 12か月

autolayout
autolayout
Figma
Figma
ui
ui
autolayout
autolayout
Figma
Figma
ui
ui
Thumbnail

受講後に得られること

  • オートレイアウトとコンポーネント、バリアントを活用して、体系的なUIデザインシステムとレスポンシブレイアウトを制作できる。

  • Figma Siteとプラグインを活用して、デザインの成果物をウェブページとして実装できる。

  • Figma MakeとFigma AI機能を活用して、プロンプトベースのデザイン生成および自動化作業を行うことができる。

Figma AI 입문 Part.3 (完)
デザインは手作業でしないでください。AIにやらせましょう。
モバイルUIレイアウト · コンポーネント制作 · html.to.design · Figma Site · Figma Make · プロンプト・トゥ・コード · Figma AI新機能
Figma AI 입문 Part.3 (完) 강의 대표 이미지
このコースについて
プロンプト一行でUIレイアウトを生成し、Figma Makeでコードまで連携するデザイン自動化ワークフローを自分で構築できるようになります。
ツール

扱うツール

デザイン自動化とプロンプトベースのワークフローに活用するツールを習得します。

Fi

Figma

AI

Figma AI

HT

html.to.design

プラグイン

FM

Figma Make

出力

このようなものを作ります

講義を修了すると、以下の成果物を自分で作成できるようになります。

📱

モバイルUIレイアウト

オートレイアウトとコンポーネントを活用したレスポンシブなモバイル画面設計

1~3강
🧩

モバイルコンポーネントセット

再利用可能なモバイルUIコンポーネントの制作

4강
🌐

Figma Siteのウェブページ

Figma Site機能で実装したシンプルなウェブページ

6강
💻

プロンプトからコードへの変換結果

Figma Makeを通じてプロンプトで生成したコード変換物

7~8강
カリキュラム

このようなことを学べます

カリキュラムをテーマごとにまとめ、何を学ぶのか整理しました。

1~4강

モバイルUIレイアウト & コンポーネント制作

Auto Layoutとコンポーネントを活用し、実務レベルのモバイル画面を体系的に構成できます。

5~6강

プラグイン & Figma Siteの活用

html.to.designプラグインとFigma Siteで、デザイン成果物をWebページ形式ですばやく実装します。

7~8강

Figma Make · プロンプトからコードへ

プロンプトを入力するだけでデザインを生成し、コードまで連携する自動化ワークフローを体験します。

9~10강

Figma AIの新機能活用

最新のFigma AI機能を活用し、デザイン作業の効率を高める方法を学びます。

NOTICE

受講前の注意事項

  • 本講座はPart.3(完)となるため、Part.1・Part.2の受講をおすすめします。
  • Figma AIおよびFigma Makeの機能は、アカウントのプランによって使用が制限される場合があります。
  • 撮影時点以降、FigmaのUIおよびAI機能がアップデートされており、画面が異なる場合があります。
  • 質問・回答サービスは提供されない講座です。
  • 実習は最新バージョンのFigmaデスクトップアプリまたはブラウザで行うことを推奨します。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Figmaの基本機能とUIデザイン制作のプロセスを体系的に学びたい初中級者

  • ウェブおよびモバイルインターフェースデザインをゼロから実践中心で学びたい、これからデザイナーを目指す方やコンテンツ制作者

  • Figma AI機能とプラグインを活用したデザイン自動化と効率的な作業方法を身につけたいクリエイターおよび企画担当者

前提知識、
必要でしょうか?

  • Figmaの基本インターフェースとツールの使用に関する基礎知識

  • UI/UXデザインの基本概念とレイアウト構成の原理

  • レスポンシブデザインとモバイルUI構造に関する基本的な理解

こんにちは
usefulitです。

8,280,056

受講生

6,598

受講レビュー

4.6

講座評価

336

講座

役立つIT講座を通じて、皆様の成長をサポートいたします。

カリキュラム

全体

11件 ∙ (4時間 51分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

usefulitの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!

無料