Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
디자인 · 아트

/

UX/UI

기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

기초부터 실무까지, 피그마 하나로 끝내는 UI 디자인 올인원 클래스! 오토레이아웃·컴포넌트 핵심 기능부터 반응형 디자인, 효율적 핸드오프, 협업까지 실무 스킬을 완벽 마스터합니다. 지금 시작해서 당신의 디자인 역량을 한 단계 업그레이드하세요!

44명 이 수강하고 있어요.

  • 볼드 UX
실습 중심
실무UX첫걸음
uxui
피그마
프로덕트디자이너
웹 디자인프로토타이핑Figma반응형 웹프로덕트디자인

이런 걸 배울 수 있어요

  • UI 디자인의 기초 이론과 필수 지식을 배우고, 다양한 실습 예제를 통해 직접 익히기

  • 오토레이아웃, 컴포넌트 등 핵심 실무 기능을 집중적으로 학습하기

  • 와이어프레임 제작부터 UI 디자인, 프로토타이핑, 반응형 디자인까지 전 과정을 경험하기

  • 효율적인 핸드오프 방법, 협업 등 실무에 바로 적용할 수 있는 피그마 활용법 배우기

이 중 하나라도 해당된다면,
이 강의에서 해답을 찾을 수 있습니다.

피그마 기능만 익히는 것만으로는 실무에서 한계가 있습니다.

유튜브에도 피그마 무료 강의가 많지만, “왜 굳이 이 강의를 들어야 할까?”라는 의문이 생길 수 있습니다. 단순히 툴 사용법만 알면 화면을 그리는 데는 무리가 없지만, 효율적인 구조 설계와 협업을 고려한 디자인 프로세스가 부족하다면 금방 벽에 부딪히게 됩니다.

이 강의는 피그마를 처음 접하는 분, 이미 배웠지만 제대로 활용하지 못하는 분, 그리고 실무 적용이 막막한 분들을 위해 기초부터 차근차근 안내합니다. 단순히 기능을 익히는 데 그치지 않고, 디자인 기초 이론 → 실습 과제 → 실무 적용으로 이어지는 단계별 커리큘럼을 통해 실제로 활용할 수 있는 실력을 쌓을 수 있습니다.

디자이너 볼드를 소개합니다 😀

현재 프로덕트 디자이너로 일하면서 인스타그램과 브런치를 통해 실무 경험과 디자인 이야기를 나누고 있습니다.

2023년에는 피그마 베리어블을 활용한 디자인 시스템 강의를 출시했는데, 지금까지 많은 분들의 큰 사랑을 받았습니다. 다만 강의를 진행하면서 피그마 기초에서 어려움을 겪는 분들이 많다는 점을 알게 되었고, 그 경험을 바탕으로 누구나 더 쉽게 시작할 수 있는 피그마 UI 디자인 입문 강의를 새롭게 준비하게 되었습니다.

본 강의는 입문자를 위한 기초 디자인 이론과 실무에서 바로 적용 가능한 디자인 프로세스 전 과정을 다룹니다. 이를 통해 여러분이 현업에서 실제로 활용할 수 있는 실용적인 스킬과 인사이트를 얻고 UI 디자인 역량을 개발할 수 있도록 제가 도와 드릴게요!


함께 배우고 성장하는 즐거운 여정에 지금 참여해 보세요!

원리를 모른 채 무작정 따라만 하면 성장이 정체됩니다.

잘 만든 디자인 시스템이나 UI 디자인을 클론해보는 건 저도 해봤습니다.하지만 이것은 마치 구멍 난 독에 물을 붓는 것과 같습니다. 왜 그렇게 디자인되었는지, 그 원리와 의도를 이해하지 못한 채 겉모습만 따라 하면 실력은 제자리걸음을 할 수 밖에 없습니다.

모든 디자인의 뿌리는 탄탄한 기초에서 옵니다.

기초 없이 쌓은 디자인은 결국 모래 위에 세운 성과 같습니다.

🌱 모든 직군을 위한 피그마 UI 디자인 강의

이 강의는 프로덕트 디자이너만을 위한 것이 아닙니다.

기획자, 개발자, 마케터 모두 UI 구조와 원리를 이해하면 서비스 개선의 방향을 명확히 잡고, 협업 효율을 높이며, 결과물의 완성도를 향상시킬 수 있습니다.

강의에서 배우는 핵심 기능만으로도 화면 설계의 안목을 넓히고, 실질적인 개선 아이디어를 실행으로 옮길 수 있습니다.

디자인 실력이 폭발적으로 성장하는
이 강의만의 핵심 포인트

이 강의에서는
어떤 내용을 배우나요?

본 강의는 UI 디자인 프로세스의 4개 핵심 프로세스를 포함해, 총 7개 섹션으로 구성되어 있습니다.

피그마 기본 다지기

처음 피그마를 접한 입문자를 위한 강의로, 기본 요소를 익히며 프로덕트디자인 프로세스 중 와이어프레임을 함께 제작합니다. 이 과정을 마치면 Adobe Illustrator 없이도 디자인이 가능합니다.

스타일 가이드라인 제작

HSL 색상, 타이포그래피, 그리드 시스템, 접근성 등 기초 이론을 배우고, 브랜드에 맞는 스타일 가이드라인을 간단하게 제작합니다.

오토레이아웃과 반응형 디자인

비유를 통해 오토레이아웃 원리를 이해하고, 컨스트레인트와 리사이징, 최신 업데이트된 그리드 활용법을 배우며 반응형 디자인 기초를 다집니다.

컴포넌트 마스터하기

컴포넌트와 베리언츠 기초를 이해하고, 버튼·아코디언·캐러셀·네비게이션 등 재사용 가능한 컴포넌트를 구축합니다.

 프로토타이핑 기본·심화

기본 프로토타입 제작부터 인터랙티브 컴포넌트와 애니메이션을 활용한 중급 수준 프로토타입 제작까지 다룹니다.

반응형 웹 페이지 디자인

페이지 제작에 유용한 팁을 익히고, 반응형 웹 디자인을 만들면서 지금까지 배운 내용을 종합적으로 적용해 봅니다.

 개발 연계와 핸드오프

디자인에서 코드까지 연결하는 개발 협업 프로세스를 실습하고, 개발자에게 효율적으로 디자인을 전달하는 방법을 익힙니다.

추가 커리큘럼

수강생 피드백을 반영해 지속적으로 커리큘럼을 확장해 나갈 예정입니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 피그마를 처음 시작하거나 다른 툴에서 전환하려는 입문자

  • 컴포넌트, 오토레이아웃 등 실무 필수 기능을 제대로 활용하지 못하는 실무자

  • 개발자,PM 등 디자이너와의 원활한 협업을 위해 피그마 이해가 필요한 분

선수 지식,
필요할까요?

  • 피그마 설치(자세히 안내해 드릴 예정)

안녕하세요
입니다.

4,389

수강생

216

수강평

195

답변

4.9

강의 평점

6

강의

저는 시니어 프로덕트 디자이너로 일하는 볼드입니다.

제 경력은 리서처로 시작하여 프로덕트 디자이너로 커리어 전환 후 핀테크, 클라우드 테크, 마케팅 등 다양한 분야에서 경험을 쌓고 있습니다. 국내 석사 출신으로 해외교육 없이 해외에서 취업하여 다양한 실무 경험을 하고 있으며, 실무에서 아래의 내용을 진행해왔습니다.

  • 사용자 리서치 시스템 구축, 관리

     

  • 디자인 시스템 구축, 관리,

    피그마 UI/프로토타이핑

  • 디자인 역량 코칭, 멘토링

인프런을 통해 제가 알고 있는 실무 노하우를 공유하고 이를 통해 저도 많이 배우고 싶습니다.

감사합니다.

 

경험 및 경력

(현) 데이터 솔루션 회사 · 시니어 프로덕트 디자이너

(전) 글로벌 리서치, 핀테크, 클라우드 컴퓨팅 등 다양한 분야에서 프로덕트 디자이너로 활동

연세대 인지공학랩 리서처

커리큘럼

전체

55개 ∙ (11시간 4분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

얼리버드 할인 중

₩44

28%

₩79,200

볼드 UX님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!