[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

이미 2만명 이상이 학습하고 만족한 최고의 프로그래밍 입문 강의. 인프런이 비전공자 위치에서 직접 기획하고 준비한 프로그래밍 입문 강의로, 프로그래밍을 전혀 접해보지 못한 사람부터 실제 활용 가능한 프로그래밍 능력까지 갈 수 있도록 도와주는 강의입니다.

디자인 팀도, 기획서도, PM도 없는 환경에서 우리는 어떻게 기획하고 전달하고 설득할 수 있을까요? 전 29CM 프로덕트 디자인 리드 김영준 디자이너가 Figma를 중심으로 셀프 프로덕트 전략을 실전 사례와 함께 공유합니다. 구조 없는 환경에서 살아남는 법부터 Figma 하나로 구조를 세우는 법까지 자세히 알아보세요.

생활코딩의 첫 번째 웹 개발 강의, <WEB 1 - HTML & Internet> 리뉴얼 버전이 오직 인프런에서만 공개됩니다!

엑셀 기초를 다룰 수 있는 분들에게 중급 이상의 수준으로 데이터 분석과 시각화 차트 작성 방법을 알려주는 강의입니다. 이 강의로 엑셀을 완벽하게 마스터할 수 있어요!

자바 챔피언, 스프링 개발자 애드버킷 Josh Long과 함께하는 특별한 Spring Boot 밋업!

본 강의는 파이썬 기초를 배운 학습자가 파이썬을 실무에 활용할 수 있도록 수준 높은 문법을 배우는 데 중점을 두고 있습니다. 파이썬만의 차별점을 파악하고 빠르게 익힘으로써 중급 레벨의 프로그래밍에 익숙해질 수 있도록 합니다.

본 영상은 <판교 퇴근길 밋업 with 인프런 - 개발자 커리어> 에서 진행한 발표 세션의 녹화본입니다.

UX/UI 디자인 툴로 널리 사용되고 있는 Sketch(스케치)의 기능을 배우고, 전반적인 애플리케이션 인터페이스 디자인 과정에 대해 학습합니다.

지식공유자 강병진님과 함께 한 LLM애플리케이션 경험 공유회 라이브 영상 편집본입니다 :)

<2025 지피지기 릴레이 라이브 캠페인>의 일환으로 1월 23일 진행했던 흥버튼 정흥수님의 라이브 영상입니다.

본 영상은 < 판교 퇴근길 밋업 with 인프런 #08 HTTP > 에서 진행한 발표 세션의 녹화본입니다.

AI시대에 프로덕트 디자인과 교육은 어떻게 변화하고 있을까요? 피그마 공식 커뮤니티, FoF Seoul & Educators 에서 공동으로 주관해 밋업을 열었어요. AI시대 프로덕트 디자인과 교육 관련 다양한 사례, 주제와 함께, 피그마를 사랑하는 글로벌 업계 연사들의 관련 세션을 만나보세요.

업무에 가치를 더할 수 있는 데이터 분석 도구로써의 엑셀을 만날 수 있습니다. 기초부터 넓고 꼼꼼하게 개념 위주로 학습할 수 있는 엑셀 기본 강의입니다.

<2025 지피지기 릴레이 라이브 캠페인>의 일환으로 1월 16일 진행했던 이정환님의 라이브 영상입니다.

1월 31일 저녁 7시에 진행되었던 밋업 영상입니다.

[영감노트] 저자 승희님과 함께 하는 일상 속 영감 찾는 방법부터 브랜드 마케터로 승희님께 궁금한 것들까지!

이 강의는 <토비의 스프링> 강의 출시기념으로 토비님과 함께 진행한 유튜브 라이브 영상 편집본입니다.

디자인을 공부해본 적이 없는 비전공자 분들, 이제 막 UX디자인을 공부하기 시작한 학생들, UX 및 UI 디자인 취준생 분들을 위해 준비한 "피그마로 UI디자인하기 A to Z" 수업입니다. 포토샵 등 다른 툴을 전혀 모르는 분도 피그마만 활용해 UI디자인 전문가가 될 수 있도록 기초부터 고급 기능까지 알려드립니다.

UX/UI 디자인 툴로 널리 사용되고 있는 Sketch(스케치)의 기능을 배우고, 전반적인 애플리케이션 인터페이스 디자인 과정에 대해 학습합니다.

구현하고 싶은 앱/웹 아이디어는 있지만, 앱 서비스 기획 경험이 없어 어떻게 시작해야 될지 막막한 스타트업 대표, 단기간에 기획을 체계적으로 배우고 싶은 실무자, 경력자의 기획 업무 프로세스와 노하우를 배우고 싶은 주니어 기획자 모두 전문가가 될 수 있도록 Figma를 활용한 새로운 기획 방식 및 PM 17년차의 업무 스킬을 기초부터 차근차근 알려드립니다.

After Effects 중급 이상, 실무에서 활용할 수 있는 기술을 설명합니다. CC2023으로 설명하지만 버전에 상관없이 기본 원리를 위주로 했습니다. 도구 설명으로 시간을 버리지 말고 능동적인 연구를 할 수 있는 꺼리를 만들어 놓았습니다.

비전공자나 디자이너가 아니더라도 Claude Design과 피그마를 활용해 웹 UI, 제안서, 디자인 시스템까지 직접 만들고 수정하는 방법을 배웁니다. 실무에서 바로 사용할 수 있도록 클로드 코드와 클로드 디자인의 차이부터 설치, 플러그인 활용, 컴포넌트 기반 UI 제작, 디자인 수정 및 운영중인 서비스 적용 방법까지 단계별로 실습 중심으로 진행합니다. 디자인 툴이 어려웠던 개발자·기획자·마케터도 AI와 컴포넌트 기반 워크플로우를 통해 빠르게 결과물을 만드는 경험을 할 수 있도록 돕는 강의입니다.

저희 '실제현업 방식'이며, 회사에 입사하는 기획자와 개발자의 '온보딩용 영상' 공개합니다. 디자이너 없이 서비스 화면 디자인을 한 후, Figma를 몰라도 화면 UX Flow를 만들어서, 프로토타입하는 방법을 알려줍니다. 저희 회사가 서비스 기획시 빠르게 프로토타입하여, 빠른 의사결정과 필요 기능 Fix를 하고, 프론트엔드 개발에 사용할수 있도록 하여, 생산성을 극대화 하여 일을 하고 있습니다. 반응이 좋으면, "현업방식" 다른 강의도 올리겠습니다.

국내 최초 Axure 공인 Trainer가 직접 강의하는 국내 유일 Axure 프로토타입 집중 실습 과정입니다.

이제 AI의 힘으로 누구나 쉽게 앱을 기획하고 UI를 그릴 수 있습니다! 코딩 몰라도, UI 경험 없어도 괜찮아요. Claude, ChatGPT 같은 AI 도구가 여러분의 아이디어를 현실로 만들어 드립니다. 단 몇 번의 질문만으로 타겟 고객을 분석하고, 앱 구조를 설계하고, 심지어 UI 화면까지 자동으로 생성할 수 있어요. 이 강의에서는 피그마를 처음 만져보는 분도 따라할 수 있도록 기초부터 차근차근 알려드립니다. 직접 손으로 그리지 않아도 HTML to Design 플러그인으로 기존 웹사이트 UI를 한 번에 가져올 수 있고, 구글 스티치나 readdy.ai 같은 AI 도구로 몇 초 만에 완성도 높은 화면을 만들 수 있어요. 창업을 꿈꾸는 분, 기획자로 전직하고 싶은 분, 개발자와 소통하고 싶은 분 모두에게 딱 맞는 강의입니다. 복잡한 이론 대신 바로 써먹을 수 있는 실전 노하우만 쏙쏙 뽑아서 알려드릴게요. 이제 아이디어만 있으면 누구나 앱 서비스를 기획할 수 있습니다!

이 강의에서는 AI 프로덕트를 기획하고 디자인할 때 필요한 UX 원칙과 실전 노하우에 대해 알려드립니다. 사용자 가치 중심의 AI 활용법, AI를 활용한 UX 기획 및 디자인 방법, 일상 속 디자인 사례를 통해 알아보는 핵심 UX 원칙과 이론, 더 나은 경험을 제공하기 위한 UX 리서치 및 데이터 분석법에 대해 살펴봅니다.

확실한 화면구현 방법에 대한 이해와 쉽고 빠른 방법을 누구보다 많은 프로젝트 경험을 통한 노하우를 정리해 강의로 만들었습니다.

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.

Figma디자인 + AI활용코딩 + 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로!! 1픽셀도 오차없이 바이브코딩으로 완성! AI활용으로 실무 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작능력 ✅ AI가 맘대로 작성한 코드 척척 수정능력 디자인부터 코딩 배포까지 1/5로 단축되는 놀라운 경험을 느립니다.

웹기획 기초 과정이 중대형 프로젝트에서 어떻게 응용되어 실무에 적용되는지 알려드리는 웹기획 응용 과정이에요 수강생은 빅데이터 분야 웹기획 수행 단계별 스킬과 실무를 마스터할 수 있습니다. <<이 VOD는 실제 수업의 녹화 영상으로 잡담 등의 소리들이 일부 포함되어 있으니 구매 시 참고해 주십시오~!>>

예쁜 화면 100개보다 움직이는 프로토타입 1개! 피그마에서 조건부 로직으로 실제처럼 작동하는 프로토타입을 만들고, AI 시대에도 흔들리지 않는 디자인 사고력을 기르세요.

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

"이렇게 바쁜 세상, AI를 활용해서 포트폴리오를 빠르게 만들 수 있다고?" 문제 정의부터 리서치 정리, 아이데이션, 프로토타이핑까지! AI를 실전 파트너로 활용해 완성도 높은 UX/UI 포트폴리오를 빠르게 만들어봐요. 최신 AI 툴은 물론, 실무에서 꾸준히 쓰이는 검증된 툴까지 프로젝트에 맞게 전략적으로 활용할 수 있어요.

데이터 분석가도 없고 유저 리서처도 없는 작은 스타트업을 일곱 군데나 다니며 다양하게 삽질을 했습니다. UX를 설계하는 사람이 겪을 수 있는 여러 가지 현실적인 어려움과 그 어려움을 헤쳐나가는 과정에서 얻은 진한 인사이트를 공유할게요.

서자영 님, 키키 님, 강영화 님이 그동안 커리어에서 겪은 사례를 바탕으로 셀프 성장법과 소프트 스킬에 대해 이야기해요.

AI 기술과 UX 디자인이 결합하는 AX 시대, 제품팀은 어떤 전략으로 고객 경험을 설계해야 할까요? 17년차 대기업 책임연구원이자, HCI 박사 출신의 지식공유자가 최신 트렌드와 활용 사례, 연구 결과를 기반으로 알려 드립니다.