Figma デザインを学びながら作成する [BASIC-2025 トレンド更新]

作りながら学ぶフィグマUIデザイン、
2025 trend updated 基礎からじっくり簡単で手軽に！

圧倒的なコラボレーションデザインツール「ピグマ」

1. リアルタイムコラボレーション機能：Webベースのリアルタイムコラボレーション機能により、複数のユーザーが同時に設計作業を実行できるため、リモートでの作業や分散チーム環境で非常に便利です。 
2. クロスプラットフォームサポート：ブラウザベースなので、Mac、Windows、Linuxなど、さまざまなオペレーティングシステムで使用でき、特定のオペレーティングシステムに依存せず、どこからでもアクセスできます。 
3. さまざまな役割のサポート：デザインツールから始めましたが、現在は製品マネージャ、コンテンツデザイナー、エンジニア、UXライターなど、さまざまな役割で使用できるプラットフォームに拡張されました。 
4. 高いユーザー満足度：ユーザーからのフィードバックに基づいて機能を継続的に改善し、高いユーザー満足度を維持しています。
   5.費用対効果：無料で有料版を提供するプレミアムモデルを通じて、さまざまなユーザー層を確保しています。特に、スタートアップや小規模チームが気軽に使える点が大きなメリットです。  

ピグマは、世界中のユーザーに使用されるUIデザインツールです。

Figmaは2012年に設立されたクラウドベースのデザインソフトウェアで、UI / UXデザインの分野で独自の市場シェアを持っています。 2022年には年間繰返し収益（ARR）が約4億～4億5千万ドルに達し、これは前年比100％成長した数値です。 2023年までのピグマの年間繰り返し収益は約6億1500万ドルに達し、デザインツール市場での継続的な成長を示しています。

23年にもやはりこのような基調は続いています。また、ほとんどの国内スタートアップでもデザインソフトウェアとして「ピグマ」を選択して使用しています。

👋 Welcome aboard our Figma Class Flight ✈️

ようこそ！ピグマベースのオンラインクラスに関心をお寄せいただきありがとうございます。このレッスンでは、UI / UXデザインの分野で不可欠なツールであるピグマの基礎を始めることができます。ピグマ基礎オンラインクラスを受講することで得られる主な利点と旅程を一緒に見てみましょう。

🚨更新お知らせ🚨

ピグマ講義を作ったのか、もう1年以上の時間が流れましたね。現業に従事してみるとアップデートがずっと遅れてきました。最近更新されたさまざまな機能について、2025年の新年に合わせて更新されました。 （学習に支障のない線で一部の内容は既存の映像をそのまま活用しました。）

🌈 ピグマクラス Basic

こんにちは。ピグマはブラウザベースの新しいデザインツールです。すでに発売されてから数年が経ちましたが、国内ではきちんと扱っていないデザインツールでもあります。

新しいデザインツールに対するさまざまなニーズが存在し、今強制的に慣れるべき時代ではなく、私に合ったツールを直接均等にデザインできる時代が到来しました。

良いデザインツール自体がデザインのクオリティを高めたり、実力を向上させたりすることはできませんが、ツールをうまく活用すればデザイナーの不足部分を補完する役割を果たします。

多様なツールがあふれ、会社、個人、環境とコラボレーション関係によってどのようなツールを選択するか悩みが多くなる時期でもあります。文字通りデザインツールの春秋戦国時代です。

このような過渡期に実力を築き、その実力を完全に私のものにしつつ、遅れないこと、もう一緒に始めて一緒に完成してみましょう。

🎓クラス01 - 基本からじっくり

どんなツールでも基本からじっくり学ぶことが大切です。基本がうまく固まらなければ、塔は簡単に崩れるでしょうか？なぜ？どのように？このような疑問から始まるクラスピグマケアの最初のアジェンダは、「基本基調」です。 Figmaは素晴らしいベクトルベースのデザインツールです。既存のデザインツールでは見られなかった新しい概念のベクターツールが存在します。

🎓クラス02 - さまざまな画面のコンポーネントを描いて手を解く

さまざまな図形に関する基本的な情報と活用方法を調べたら、簡単なアイコンからコンポーネントを描きながら手を解きましょう。

コンポーネントの再利用の基本的な「スタイル」の作成方法と活用方法を100％学習します。一番基礎からじっくり知ることができますよ。

🎓クラス03 - おなじみのモバイルアプリUIをデザインしましょう。

おなじみのモバイルアプリの基本的な構造を作成しながら、画面を整理します。ここで主に使用するデザインはGoogle MATERIALデザイン構造です。

🎓クラス04 - おなじみのモバイルアプリUIの描画とコンポーネントデザイン

おなじみのモバイルアプリを描きながらピグマに適応することで、ピグマに対する基本的なコンポーネントの活用方法について学習します。

基礎過程で完成されるミュージックアプリは画像と内容が削除された状態で制作されるようになり、画像とアイコンは直接配置してみて完成してみてください:)

🙌この講義を受講するために必要なもの！

ピグマを搭載したパソコン、ノートパソコンが必要です。

Figmaは無料のデザインツールです。
無料でダウンロードして会員登録を急いでください！

🙋🏻‍♂️質問がありますよ！

Q. デザインを初めて学びます。難しくないでしょうか？

A. デザイン非専攻者も簡単に聞ける講義です。本クラスは基礎から中級までのレベルで提供されています。

Q. なぜピグマを学ぶのが良いのですか？

A. ピグマは古いデザインツールではありません。アートボードではなくフレームを使うというのは、ピグマが既存のデザインツールとは違って「動き」をデザインするということです。マイクロインタラクションが重要になり、トレンジション（画面切り替え）効果により、より高いユーザビリティを提供することができます。

Q. Windows PCも可能ですか？

A. Figmaはブラウザベースのツールです。さまざまなOSですべて利用可能です。 Mac、Linux、Windows、Chromeなどはすべて可能です:)

Hello!エブリボディ「ヨンナムドンイジェヨン」

私は2017年に「おいしいスケッチ」というスケッチアプリの本を書きました。ボール入りの時間ほど売れない卒作だが 😢😢 IT会社を運営しながらデザインツールに触れ、デザイナーとしてそして直接デザインした内容を実物アプリサービスに仕上げていきながら累積したノウハウを共有し、より良いアイデアを作っていくことに楽しさを感じています。

最近はFIGMAガイドブックという本を執筆するようになり、本にある内容を説明させていただきます:) 著者直講なんですよ！

ピグマを初めて触れながら幕屋のその気持ちを十分に理解します。ゆっくりとじっくりとしたらいつのまにか専門家のように慣れているはずです。

今始めましょう。始まった人と始まっていない人は、大きな違いを表します。