AI 시대에도 디자인 시스템이 중요한 이유: Figma로 보는 디자인 to 코드 (무료, AI Readable한 Figma 활용 A to Z 사전 학습 시리즈)

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

이미지가 또 말썽인가요? 픽셀 깨짐, 부분 잘림, 찌그러짐, 로딩 지연, 멀티플랫폼 대응 이슈 등은 사실 설계의 문제입니다. 이미지 이슈, 초장에 방어하세요.

이 강의는 코디네이션 강의입니다. 코디네이션이란, 설계 개발에 돌입하기 전 요구사항을 적용한 컨셉 전략을 세우고 프로토타입형 기획안을 만드는 작업입니다. PL을 준비하는 웹기획자들에게 알맞은 강의입니다.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요! 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

UX/UI에 대한 쉽고 빠른 개론과 생텍쥐페리, 르느와르, 교육철학자 죤 듀이 등 다양한 분야를 통해 UX에서 정말로 중요하다는 인간에 대한 이해, 별로 중요하지 않은 것 같지만 사실은 게임 체인저가 되도록 하는 인간의 요소들을 쉽고 편하게 들으실 수 있도록 준비했습니다.

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

기능 개발이 아니라 문제 정의 · 선택 · 실행 리듬을 다시 설계하는 실무 중심 강의입니다. 실무 PO/PM, 리드 PM, 조직 내 교육을 고민하는 분들을 대상으로 합니다.

이 책은 초급을 넘어서 중상급자가 되려는 UX 기획자라면 꼭 읽어야 할 UX 고전입니다. 경험을 디자인한다는 것이 무엇인지, 제품 목표와 사용자 요구에서 출발한 UX 전략이 실제 디자인으로 어떻게 이어지는지를 다섯 층위로 설명합니다.

코딩 몰라도 OK, Google Stitch로 완성하는 나만의 첫 번째 서비스 기획부터 배포까지 하나의 흐름으로 연결하는 올인원 AI 개발 워크플로우

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

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

IR Deck을 만들었지만 “설득이 약하다”는 피드백을 받아본 적이 있으신가요? 대부분의 문제는 디자인이 아니라 메시지 구조에 있습니다. 실제 IR Deck 설계 경험을 바탕으로 투자자 관점의 흐름 설계 기준을 정리했습니다. 비주얼을 넘어 구조를 설계하는 실무형 디자이너로 성장하기 위한 수업입니다.

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

이 강의를 통해 실제 사업체에 사용 가능한 "예약 기능이 들어간 홈페이지 템플릿"을 가져가시게 됩니다.

AI를 사용하는 것에서 한 단계 더 나아가, 내 웹앱에 직접 AI 기능을 구현해보세요. Next.js와 Supabase를 기반으로 AI 레시피 생성부터 이미지 생성, 데이터 저장까지 구현하며 생성형 AI를 실제 웹서비스에 연결하는 실전 개발 경험을 쌓아보세요.

ComfyUI로 AI 이미지와 영상을 직접 제작하고, n8n 연동을 통해 반복 작업까지 자동화하는 실전 강의입니다. 로컬과 클라우드 GPU 활용부터 최신 모델, 편집, LoRA, 영상 생성까지 한 번에 배울 수 있습니다.

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

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

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

Codex를 활용해 비즈니스 기획, 홈페이지 제작, 마케팅 자료, 업무 정리, 이메일 자동화까지 연결해보는 실무형 강의입니다. 개발자가 아니어도 AI에게 일을 맡기고 결과물을 다듬는 방식을 익힐 수 있도록, 노션·리니어·피그마·구글 워크스페이스를 실제 업무 순서대로 다룹니다.