강의

멘토링

로드맵

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) 224 reviews

18,858 learners

  • inflearn
Figma
Prototyping

Reviews from Early Learners

What you will learn!

  • 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

704,244

Learners

6,147

Reviews

118

Answers

4.7

Rating

132

Courses

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

Curriculum

All

55 lectures ∙ (7hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

224 reviews

4.7

224 reviews

  • 마리오님의 프로필 이미지
    마리오

    Reviews 9

    Average Rating 5.0

    5

    31% enrolled

    디자이너 분들이나 디자인에 익숙하신 분들은 컴포넌트 부분으로 바로 넘어가시는게 좋을 것 같습니다. 아주 상세하고 좋은 강의입니다.

    • 김민주님의 프로필 이미지
      김민주

      Reviews 1

      Average Rating 4.0

      4

      89% enrolled

      피그마 입문자들한테 진짜 좋은 강의예요!! 다만 하나 아쉬운 점은 화면 속 글씨가 너무 작아요ㅠㅠㅠㅠ 오랜시간 보다보면 눈이 너무 아파서 돋보기 해주셨으면 더 좋았을 것 같아요....

      • 김도영님의 프로필 이미지
        김도영

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        진짜 필요한 강의인거 같아요 너무 너무 도움이 됐어요

        • bluebamus님의 프로필 이미지
          bluebamus

          Reviews 19

          Average Rating 5.0

          5

          100% enrolled

          먼저, 들었던 국내 초급 figma 강의 중 제일 마음에 들었습니다. 다만, 너무 많은 정보를 짧은 시간 단위로 쪼개어 보내주다 보니 디자이너가 아닌 사람으로 이해가 잘 안가거나 막연하게 받아들여지는 부분들이 있었습니다. 리자이즈, 정렬, 오토 레이아웃이 동작별 비교를 하는게 없다보니 한번씩 클릭하면서 직접 이해를 하는데 있어 과연 어떤 경우에 적절히 써 먹을 수 있을까란 고민을 잠시 한바가 있었습니다. 컴포넌트, 스타일, 라이브러리가 사실 다 연결되어 있는 부분이라 관련된 부분들에 대한 정리가 한번 있었으면 더 좋았을텐데라는 생각도 듭니다. 실무에서 사용되는 기법들이 녹아든 프로젝트들이 강좌로 나온다면 바로 결재할 생각이 있습니다. 앞으로도 좋은강의 많이 부탁 드립니다.

          • 벨희님의 프로필 이미지
            벨희

            Reviews 2

            Average Rating 4.0

            4

            100% enrolled

            도움이 많이 됐습니다. 일부 예제 작업 실습 부분은 조금 아쉽네요

            Access is restricted to non-public courses.
            Private Course

            inflearn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!