学習内容

Structure designs with layout grids, rows, and columns

Build responsive UIs with horizontal and vertical constraints

Use component properties (instance swap, boolean, text) for flexible, reusable elements

Apply grid theory and proven layout systems for precision

Create interactive prototypes and user flows

Wireframe full app interfaces from scratch

Choose between frames and groups for the right structure

Build component variants for states, themes, and styles

Animate UI with smart-animate transitions

コース内容

Take your Figma skills from static interfaces to production-ready, interactive design. Master layout grids and constraints to build UIs that adapt to any screen, push your components further …

Explore columns, grids, plugins, and the parent-child component structure to streamline your design process. Develop low-fidelity wireframes, create interactive prototypes, animate designs, and present work effectively to clients.

Layout Grids, Rows, and Columns in Figma: Structuring Your Designs

Grid Theory in Figma: Designing for Precision and Consistency

Frames vs. Groups in Figma: Choosing the Right Structure

Constraints in Figma: Responsive Design Made Easy

Prototyping Basics in Figma: Creating Interactive User Flows

Variants in Figma: Streamlining UI Components for Efficiency

Component Properties in Figma: Enhancing Reusable Design Elements

Practice: Creating Different Buttons in Figma

Wireframing in Figma: Laying the Foundation for a Great UI

Animating UI in Figma: Bringing Designs to Life

Designing a Mobile App in Figma: From Concept to Prototype

Finalizing the Design: Polishing Your UI for Development Handoff

Testing Your App Design: Ensuring a Seamless User Experience

Showcasing Your Work: Presenting Your Figma Projects

あなたのテックスキルを強化！

最大55％オフで

What you'll get with our subscription:

500+ 人気コース修了証明書パーソナライズされた学習トラック40+ 実践的なプロジェクト

あなたのサブスクリプションには500以上のコースが含まれています：

figmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトの設計、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家のアドバイス、実社会での応用を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

FigmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

FigmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

Figmaレイアウト＆デジタルデザインシステム基礎

Figmaにおけるレイアウトおよびデジタルデザインシステムに特化した初心者向けコースです。本コースでは、オブジェクトの整理、ビジュアルの作成、再利用可能なコンポーネントの構築、レイアウトグリッドと制約の習得について学びます。Figmaで効果的なデジタルデザインシステムを構築するための基本的なスキルを身につけることができます。

figmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトの設計、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家のアドバイス、実社会での応用を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

FigmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

FigmaによるUI/UXデザイン

ユーザーインターフェース設計の基礎から高度なプロトタイピングやコラボレーション技術まで、すべてを学びます。ワイヤーフレームの作成、視覚的に優れたレイアウトのデザイン、Figmaの強力な機能を活用した開発チームとの効果的な連携方法を探求します。初心者からプロフェッショナルまで最適なこの学習プログラムは、実践的なプロジェクト、専門家によるヒント、実際の応用例を組み合わせ、競争の激しいデザイン業界で成功するための力を養います。

Figmaレイアウト＆デジタルデザインシステム基礎

Figmaにおけるレイアウトおよびデジタルデザインシステムに特化した初心者向けコースです。本コースでは、オブジェクトの整理、ビジュアルの作成、再利用可能なコンポーネントの構築、レイアウトグリッドと制約の習得について学びます。Figmaで効果的なデジタルデザインシステムを構築するための基本的なスキルを身につけることができます。

なぜ人々はCodefinityを選ぶのか

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.