リソースライブラリ

流れを先取りしたいですか？最新のWebデザイントレンドとそれらをFigmaで活用してモダンでユーザーフレンドリーなサイトを構築する方法について学びましょう。

SaaS、テック、小売業などの業界にわたる29のAIウェブサイトの例を探求しましょう。AIが複雑な階層をどのように処理するかを確認し、これらのファイルを使用してWebデザインを始めましょう。

適切なロゴはブランドを高め、オーディエンスに強い印象を残すことができます。ロゴのデザイン方法とFigmaがどのように役立つかを学びましょう。

ウェブサイトレイアウトのインスピレーションをお探しですか？このガイドでは、オーディエンスを引き付けるための12のWebサイトレイアウトのアイデアと、Figmaがどのように役立つかを学びます。

2026年向けの最高のAIアプリビルダーを使用して、インタラクティブなアプリをより速く作成しましょう。Figma Makeやその他のAI対応プラットフォームを使用して、ノーコードまたはローコードのアプリを構築します。

書体の選択、色のコントラスト、整列、読みやすさ、テキストの階層などの基本を学びましょう。

フォントペアリングを使ってデザインを向上させる方法を学び、ブランドに適したフォントの組み合わせを選ぶためのヒントを得て、Figmaがどのように役立つかを発見しましょう。

ブレインストーミングで新しいアイデアを生み出し、複雑なトピックをシンプルに整理し、チーム横断のコラボレーションを促進するための最適なテンプレートを見つけるために、24種類のマインドマップ例を探索してみましょう。

自然言語のプロンプトから完全なアプリケーションを作成できるバイブコーディングツールを使用して、ソフトウェア開発の最新の変化に追いつきましょう。

ステップごとのガイドと実用的な例を使って、チームをまとめる問題文の書き方を学びましょう。FigJamがどのようにより良いコラボレーションを促進するかも確認できます。

2026年に注目すべき主要なAIコーディングツールを紹介します。機能や価格を比較しながら、FigmaのAIコードジェネレーターが新しいデザインからコードへの時代をどのようにリードしているかをご覧ください。

アプリの構築には、顧客のニーズを満たすための調査と絶え間ない反復作業が必要になります。アプリを効果的にデザインする方法と、このガイドでFigmaがどのように役立つか学びましょう。

適切な色を組み合わせることで、UIデザインに調和が生まれます。次のプロジェクトに向けて100の配色コンビネーションを学び、Figmaがどのように役立つかを紹介します。

UXデザインにおけるユーザーフローの力を発見し、さらにFigJamを使った作成方法、例、ユーザーフローと他の一般的な図の違いについて紹介します。

バイブコーディングは、ムード駆動のデザインとシームレスなコーディングを組み合わせることで、感情的につながりながらも機能的に優れた没入型のデジタル体験を生み出します。

UIデザインは、ベストプラクティスを明確に理解することから始まります。このガイドでは、7つの不可欠なUIデザイン原則と、それらをどのように適用するかを学びます。