Figma Basics: From Fundamentals to Website Design

Introduction to Figma: From Basics to Website Design | Learn Figma fundamentals and design systems Learn Figma, the world's most widely used collaboration tool

(5.0) 20 reviews

95 learners

Level Beginner

Course period Unlimited

Web Design
Web Design
Figma
Figma
UX Planning
UX Planning
product design
product design
UIUX
UIUX
Web Design
Web Design
Figma
Figma
UX Planning
UX Planning
product design
product design
UIUX
UIUX

Reviews from Early Learners

5.0

5.0

hellowaz

33% enrolled

Ruby, please provide more new lectures in the future as well.

5.0

좋은사람이되자

62% enrolled

The explanations are provided in a way that even beginners can easily follow along. It feels like a truly kind and helpful lecture.

5.0

bagps1

33% enrolled

Good

What you will gain after the course

  • Figma Installation

  • Figma Basic Usage

  • Using Figma

  • Website Design Using Figma

  • Understanding and Utilizing Figma Components

Introduction to Figma: From Basics to Website Design

Figma, UI/UX, Web Design, Product Design, UX Planning

🎨 Introduction to Figma: From Basics to Website Design

Design is no longer just the domain of designers.
From planners to developers to marketers — we've entered an era where anyone can visualize their ideas and share them with their team.
At the center of it all is Figma.

This course is the most beginner-friendly introductory course designed for those new to Figma.
From installation to the basic interface, frames and components concepts, and even website design practice
It's structured as a hands-on curriculum where you 'learn by doing' from start to finish.

Why Use Figma?

Figma!, the collaborative design tool used by the most designers and developers worldwide.
In this course, you'll learn step-by-step through hands-on practice from installing Figma to completing a website design.
Anyone, whether non-design majors, planners, or developers, can easily follow along.

You'll learn these things

Target Audience

🚀 How You'll Change After Taking This Course

  • You can design and share web UI yourself

  • Collaboration becomes 2x faster

  • You will learn how to think visually

⭐️ Instructor Introduction

I'm Ruby, a UI/UX designer who designs experiences and connects with people.

Let's embark on a Figma journey together!


( * This course was created in collaboration with Neo, who uploaded the above course. )


Things to Note Before Taking the Course

Practice Environment

  • Operating system and version used in the course (OS): Mac OS

  • Tools Used: Figma

  • PC Specs: Mac M2 Air

Learning Materials

  • Provided learning materials format: PPT used in the lecture provided

Prerequisites and Important Notes

  • If you can watch and follow along with the lecture videos, you're good to go


  • The copyright for lectures and learning materials belongs to Neo, and unauthorized redistribution is prohibited!

Recommended for
these people

Who is this course right for?

  • Someone new to Figma

  • Aspiring designers who want to get started with Figma

  • People who want to learn Figma

  • PM using Figma

  • People who want to use Figma as a collaboration tool

Hello
This is Neo

3,109

Learners

368

Reviews

59

Answers

4.7

Rating

33

Courses

Hello! I am Neo, an instructor here at Inflearn.

My goal is to make various development technologies that are not commonly encountered accessible to many people.

Therefore, I aim to design a curriculum focused on practical application rather than a simple list of theories, providing hands-on lectures that allow for learning without troubleshooting hurdles.

I am structuring the content with a light and friendly approach so that even beginners can follow along without burden, focusing particularly on lowering the barrier to entry for knowledge.
Sometimes, I also work on lectures together with like-minded people!

For collaboration and other business inquiries, please contact yeseong0412@gmail.com!

More

Curriculum

All

21 lectures ∙ (2hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

20 reviews

5.0

20 reviews

  • bagps1님의 프로필 이미지
    bagps1

    Reviews 14

    Average Rating 5.0

    5

    33% enrolled

    Good

    • yeseong0412
      Instructor

      Thank you for listening to the lecture!

  • beagreatperson17325님의 프로필 이미지
    beagreatperson17325

    Reviews 12

    Average Rating 5.0

    5

    62% enrolled

    The explanations are provided in a way that even beginners can easily follow along. It feels like a truly kind and helpful lecture.

    • yeseong0412
      Instructor

      Thank you for listening to the lecture!

  • bostoncream11님의 프로필 이미지
    bostoncream11

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    This seems like a great lecture for learning the basics! If there's a next lecture, I'd love to take it again!

    • yeseong0412
      Instructor

      Thank you for taking the course! We'll work together with the knowledge creator who produced it to plan the next course as well~

  • hellowaz님의 프로필 이미지
    hellowaz

    Reviews 12

    Average Rating 5.0

    5

    33% enrolled

    Ruby, please provide more new lectures in the future as well.

    • yeseong0412
      Instructor

      Thank you for listening to the lecture!

  • hongs78036396님의 프로필 이미지
    hongs78036396

    Reviews 4

    Average Rating 5.0

    Edited

    5

    100% enrolled

    It was great to be able to clearly understand what features Figma has.

    • yeseong0412
      Instructor

      Thank you for taking the course and leaving a review!

Neo's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!