강의

멘토링

커뮤니티

BEST
Design

/

UI/UX

Getting Started with UX/UI: Introduction to Figma (Inflearn Original)

Learn the basics of Figma, a design tool for UI design sketching, prototyping, and collaboration, and how to use it in practice.

(4.7) 226 reviews

18,858 learners

  • inflearn
Figma
Prototyping

Reviews from Early Learners

What you will gain after the course

  • Basic usage of Figma

  • Using Figma

UX/UI design tool that is attracting worldwide attention,
The trend these days is Figma! 📐

📢 Please note before taking the class!

  • This lecture is conducted using a version prior to the Figma 2023 update .
  • Please make sure to preview the lecture before purchasing.

Figma, the most anticipated design tool of 2021, selected by UXtools.co

Source: UXtools.co, 2020 Design Tools Survey (link)

The UXtools survey, in which about a quarter of American designers, including UX designers and product designers, participated, has been released. What is noteworthy is the growth of Figma . Figma is closely following Miro in the brainstorming field, and also ranked first in site maps, interface design, UI prototyping, handoff (guidelines), and design system management. In particular, it recorded an overwhelming first place in the notable tools of 2021. So what makes Figma an attractive design tool?


Why Figma?

The ultimate in collaboration!

Figma's biggest feature is 'real-time collaboration' . The following process is followed until the web/app design is produced.

The design process is complex. Not only designers, but also planners and developers must all participate, and through communication, many parts may change from the initial draft. It is also common for multiple designers to participate in one project. That is why collaboration is a very important point in the design process.

계정만 있다면 언제 어디서나 UIUX 디자인 툴 Figma를 사용할 수 있습니다.

Figma is a tool that offers outstanding flexibility and productivity when it comes to collaboration. This is because it is a web browser-based program. While general design tools are downloaded and used, Figma is accessed through a browser. As long as there is an internet connection, you can access Figma anytime, anywhere without having to download a desktop app. Another big advantage is that it is a cloud-based program, so there is no need for separate storage space. It provides the optimal environment for collaboration, as you can share screens in real time and manage versions conveniently.


Basics and practice at once.


Let's learn in order!

Figma, how to use it?
Learn how to create a Figma account and set up your work environment. Understand canvases and pages, and learn the basic interface and features.
The core of Figma is components!
Figma is a component-based prototyping tool. By making the source a component, you can conveniently load and use the master source at any time. Understand the concept of components and apply what you have learned through practice.
The interface design is OK.
Learn how to design interfaces using the Iconify, Auto Flow, and Auto Layout plugins. You can apply what you learn step by step through hands-on exercises.
Try to keep the tone consistent.
When designing a service UI, there are bound to be colors or texts that are used repeatedly. To ensure consistency in the UI design, create a style guide for elements that are used repeatedly and apply it.
Prototyping for the hardworking.
Understand Figma's prototyping method, understand what components are included, and learn how to communicate more efficiently and work more productively!
Collaboration made easier and smarter.
Learn about Figma's many collaboration features, including how to add and share comments directly from the design surface, version control, share, and export design files, and more.

Attention these people!

Prototyping?

First prototyping tool
Those who are learning

Figma?

I want to learn Figma
UX/UI Designer

Team play

Want to improve collaboration efficiency?
Product Team Member

Infinite backup in progress...

Convenient even for version management
For those looking for an all-in-one tool


Introduction to UX/UI ,
Take on the challenge with Inflearn.

Go see Inflearn's original UX/UI roadmap ✨

Please check before taking the class!

  • This lecture does not provide Q&A on the content of the lecture. Please use this as a reference for your studies.

Recommended for
these people

Who is this course right for?

  • First time using Figma

  • PMs using Figma in their organizations

Need to know before starting?

  • Basic understanding of the UX/UI design process

Hello
This is

712,949

Learners

6,904

Reviews

118

Answers

4.8

Rating

144

Courses

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

Curriculum

All

55 lectures ∙ (7hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

226 reviews

4.7

226 reviews

  • soyoungkong0884님의 프로필 이미지
    soyoungkong0884

    Reviews 9

    Average Rating 5.0

    5

    31% enrolled

    For designers or those familiar with design, it would be better to jump straight to the components part. It's a very detailed and good lecture.

    • minjoo님의 프로필 이미지
      minjoo

      Reviews 1

      Average Rating 4.0

      4

      89% enrolled

      This is a really good lecture for Figma beginners!! The only regret is that the text on the screen is too small ㅠㅠㅠㅠ My eyes hurt so much when I look at it for a long time, so it would have been better if they had provided a magnifying glass....

      • vhrvndk4871님의 프로필 이미지
        vhrvndk4871

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        I think this is a really necessary lecture. It was so, so helpful.

        • bluebamus님의 프로필 이미지
          bluebamus

          Reviews 26

          Average Rating 5.0

          5

          100% enrolled

          First of all, it was the most appealing among the domestic beginner Figma lectures I've heard. However, since too much information was split into short time units, there were parts that were difficult to understand or vague for non-designers. Since there was no comparison between the actions of resize, alignment, and auto layout, I briefly wondered in which cases I could use it appropriately while clicking on them one by one to understand them directly. Since components, styles, and libraries are actually all connected, I think it would have been better if there had been a summary of the related parts. If projects that incorporate techniques used in practice are released as lectures, I plan to pay right away. I look forward to many more great lectures in the future.

          • berrydev님의 프로필 이미지
            berrydev

            Reviews 2

            Average Rating 4.0

            4

            100% enrolled

            It was very helpful. I wish there were some sample work practice parts.

            inflearn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!