AI 도구와 피그마로 앱 서비스 기획하기 (2026 개정판)

Figma의 기본 인터페이스와 벡터 도구, 오토 레이아웃, 컴포넌트 등 UI 디자인 핵심 기능을 체계적으로 학습하는 입문 강의입니다. 모바일 레이아웃과 반응형 UI 설계 실습을 통해 실무에 바로 적용 가능한 디자인 역량을 기릅니다. 플러그인과 Figma AI 기능을 활용해 프롬프트 기반 디자인 생성 및 자동화 워크플로우를 경험합니다.

본 강의는 UX/UI 디자인을 처음 배우는 학습자도 디자인의 기본 흐름을 체계적으로 이해하고, 실무에 필요한 기초 역량을 쌓을 수 있도록 구성된 입문 강의입니다. AI가 디자인 프로세스에 활용되더라도, 디자이너로서 장기적인 경쟁력을 갖기 위해서는 UX 디자인에 대한 기본 역량을 반드시 갖추어야 합니다. 이 강의는 다른 어떤 강의보다도 그 기본기를 처음부터 차근차근 익힐 수 있도록 구성되어 있습니다.

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

이 강의에서는 IT/테크 분야에서 서비스를 기획하기 위한 서비스 기획 및 디자인 방법론, 그리고 서비스 기획자가 갖춰야 하는 여러 가지 소프트 스킬을 살펴봅니다. 끝으로 인공지능(AI) 음성인식 서비스를 사례로 서비스 분석까지 진행해 보는 입문자를 위한 UX 서비스 입문 강의입니다.

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

이 강의는 디자인 QA를 단순한 검수가 아닌 ‘제품 완성도를 설계하는 과정’으로 재정의합니다. 화면·상태·플로우 기준을 체계화하고, 디자인 시스템과 연결된 실전 QA 사고법을 통해 반복 수정을 줄이고 기준으로 소통하는 방법을 제시합니다.

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

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

AI가 낯설고 어렵게 느껴지는 분도 괜찮아요. 딱 일주일, 클로드 코드로 멤버십 랜딩페이지 구현부터 자동화·데이터 분석까지 0에서 1을 만든 삽질기를 그대로 풉니다. 코딩을 몰라도, AI 초보여도 도전해볼 수 있게 실전 사례로 보여드릴게요.

언리얼 UMG 입문 과정입니다. 게임 업계 11년 차 UI/UX 디자이너 루시가 직접 진행하며, 쉽고 재미있게 언리얼 엔진과 UMG를 배울 수 있습니다. 수료 후에는 다양한 UI를 위젯 블루프린트에 배치하고 간단한 머터리얼 및 연출과 이벤트 노드 등을 제작할 수 있게 됩니다.

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

HTML & CSS 기반 AI 활용 웹 UI 실전 제작

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

하루 종일 붙잡고 있던 반복 업무, 이제 AI 비서에게 맡길 수 있다면? 매번 처음부터 설명해야 하는 GPT 채팅이 아니라, 나를 기억하고 내 스타일로 일하며 슬랙으로 보고까지 해주는 나만의 AI 업무 비서 구축법을 소개합니다. 설치와 슬랙 연동부터 스킬 설치, 노션·캘린더·메일 자동화, 보안과 비용 관리까지! 코딩을 몰라도 따라 할 수 있는 방식으로 회사에서 바로 써먹을 수 있는 AI 업무 시스템을 완성해보세요. Point 1. GPT 채팅과는 다른, ‘나를 기억하는 AI 비서’를 직접 세팅하자 - 오픈클로 설치부터 슬랙 연동까지 따라 하며 AI 비서 기본 환경 구축 - 성격과 규칙을 세팅해 내 업무 스타일에 맞게 일하는 비서 만들기 Point 2. 반복 업무를 줄이는 실전 자동화 패턴을 익히자 - 스킬 설치로 노션·캘린더·메일 등 실제 업무 도구와 연동 - 모닝 브리핑, 업무일지 작성, 메일 발송, 일정 관리 등 바로 쓰는 자동화 실습 Point 3. 회사에서도 안심하고 쓰는 AI 업무 시스템을 완성하자 - 권한 관리, 보안 설정, 비용 관리까지 실무자가 꼭 알아야 할 체크포인트 정리 - 1명의 AI 비서에서 여러 에이전트로 확장하는 업무 시스템 구축법 학습

초안은 AI가, 판단과 다듬기는 내가. 주니어 기획자가 첫날부터 쓰는 업무 스킬·용어를 익히고, 클로드와 함께 스터디카페 예약 서비스의 기획서·메뉴 구조·화면설계·기능정의 한 벌을 직접 만듭니다.

모델료 0원, 나노바나나로 완성하는 무한한 비주얼 다양한 콘텐츠 디자인을 만드는 올인원 비주얼 크리에이팅

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

GA4 활용을 위한 핵심 리포트를 만들면서 GA4를 실무에 바로 사용할 수 있도록 학습할 수 있습니다. 데이터 분석을 위해 어떤 리포트를 어떤 방식으로 만드는지 구체적인 사례를 배울 수 있습니다. 실무분석을 위해서 히트맵툴인 Microsoft Clarity의 설치/사용법도 함께 설명하고 있습니다.

일본 대학 영어 전형을 처음 준비하는 학습자를 위한 입문 강의로, 이론 5편과 실습 7편으로 공식 모집요강 확인, 지원 서류·시험 구분, 에세이 작성을 위해 설계한 CARE 프레임워크 개요와 AX 실습을 겸한 교육용 예문 검토를 연습합니다. 실습별 PDF와 복사용 프롬프트·예문 자료를 제공합니다.

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