[인프런 X 볼드UX] 디자이너 성장 가이드와 피그마 활용 꿀팁 모음

최신 UI3 인터페이스로 피그마의 배리어블을 활용하여 함께 디자인 시스템을 만들어보세요🔥 배리어블은 일관된 사용자 경험을 제공하고 디자인 프로세스를 혁신적으로 개선할 수 있는 열쇠🔑입니다.

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

문제 해결력이 드러나는 포트폴리오는 어떤 모양일까요? 힘들이지 않으면서 쉽고 빠르게 포트폴리오를 만들 수 있는 아이디어가 궁금하신가요? 영화님 포트폴리오, 수강생 사례 등 실제 사례를 통해 자세히 배울 수 있어요.

면접관 입장에서 눈에 띄는 이력서를 만드는 방법을 제공합니다. 채용공고를 통한 좋은 포트폴리오에 대한 기준을 제공합니다.

영화 님과 키키 님이 이전까지 무료로 공개했던 디자이너 포트폴리오 자료와 영상, 포트폴리오 관련 자주 묻는 질문을 모았어요.

린반님이 나이아가라를 활용하여 스타일라이즈드 번개 이펙트를 손쉽게 제작하는 방법에 대해 소개합니다. 나이아가라를 통해 프로시저럴 방식으로 비주얼 퀄리티를 유지하면서 다양한 형태의 번개 이펙트를 어떻게 효율적으로 만들 수 있는지 그 과정을 상세히 공유합니다.

개발자 취업과 이직을 하기 위해 준비해야 할 이력서, 포트폴리오, 기술면접, 인성면접의 모든 과정을 한방에 정리한 커리어 가이드 강의입니다. 이론편에서는 나에게 맞는 회사를 찾아 채용공고를 분석하고 인터뷰와 코딩테스트를 준비하는 과정을 정리했습니다.

[2026년 최신판] 무경력부터 주니어 콘텐츠마케터에게 꼭 필요한 실무 스킬과 취업 노하우까지 모두 만나보세요!

제조업 웹 개발자에서 커머스, K사 포털 서비스회사 back-end 개발자가 되기까지 겪은 시행착오와 노하우를 모두 알려드려요. 여러분은 같은 시행착오를 겪지 마세요!

* 인하우스 서비스기획자&프로덕트 매니저 입문 강의 * 강의도 들으면서 포트폴리오도 챙길 수 있는 강의

취준생과 주니어개발자를 위해 준비한 [백엔드, 이력강화] 강의입니다.

디자인부터 코딩 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로를 바이브코딩으로 완성! AI를 활용해 작업 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인을 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작 ✅ AI가 맘대로 작성한 코드도 분석하여 수정 하는 실무 워크플로우를 배웁니다. 본 강의는 1차,2차로 오픈되는 연재식 강의입니다. ✅ 1차 오픈 : 2026년 2월 22일 - Figma - Desktop모드 디자인 - Figma - Variables 등록 및 naming작성법 - Figma - Tablet모드 & Mobile모드 디자인 - Vibe Conding을 위한 준비 - 실전! Vibe Coding - TailWind적용 리펙토링 - Git버전관리 및 Github배포 ✅ 2차 오픈 : 2026년 3월 9일(순차적 오픈) - React.js리펙토링 및 vercel배포 - javaScript를 통한 인터렉티브 웹구현

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

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

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

대한민국에서 웹기획자로 성장하여 SI 차세대 웹기획 PL로 정상을 찍기 위한 커리어 확장 로드맵을 알려드립니다.

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

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

업무 외 사이드 프로젝트, 어떤 종류가 있고 어떻게 진행할 수 있을까요? 세 명의 디자이너들과 함께 가볍게 관련 경험을 나눠드려요.

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

"경력자만 뽑는 세상, 신입의 무기는 단 하나 - 차별화된 '개인' 포트폴리오!" 현업 요구를 녹인 프로젝트로 실력을 보여주는 신입 개발자의 필수 가이드.

✅ 지금 당장 콘텐츠를 만들어야 하는데 디자이너가 없다면? ✅ 어쩔 수 없이 내가(마케터가) 직접 만들어야 하는데, 디자인 툴을 만져본 적이 없다면? ✅ 무료로 쓸 수 있고 가장 쉽게 접근 가능할 수 있는 디자인 툴을 찾는다면? 정답은 피그마입니다. 피그마로 콘텐츠를 디자인 하는 방법에 대해 모두 알려드릴게요. 👏🏻