디자인 프로세스 제로투원 : Figma로 기획부터 디자인, 딜리버리까지

예비 지식공유자 님, 어서오세요! 인프런입니다 :D 지식공유자는 인프런에서 강의를 제작하는 강사를 의미해요. 강의 주제 선정, 기획, 촬영 방법 및 편집까지 전부 알려드릴게요. 인프런에서 나누고 배우고 성장하세요!

인프런 지식공유자 신청까지는 했는데, 강의 제작 너무 막막하시죠. 그렇다면 지식공유자 강영화 님의 강의 제작 노하우 한 번 들어보시는 거 어떠세요?

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

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

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

기술면접 대비를 위해 OS 지식을 기반으로 멀티 스레딩 및 멀티프로세싱, 병렬성, 병행성 등의 문법을 다루기 위한 과정입니다. 다수의 자원으로 실행 효율을 높이는 방법에 대한 기반 지식을 학습합니다.

엑셀 대신 파이썬 판다스(Pandas)로 데이터 분석을 더 쉽고 효과적으로 할 수 있다는 사실! 판다스 라이브러리의 기본적인 기능과 실무 활용 방법을 금융데이터 분석을 통해 학습해 봅니다.

폭넓은 파이썬 개발 경험, 온오프라인 수업 경험을 바탕으로 파이썬 메타프로그래밍, 깊이있는 문법을 다루기 위한 과정입니다. 더 나아가 파이썬 취준생 면접 및 경력자분들의 기술면접에도 도움이 될 만한 커리큘럼을 준비했습니다. 아울러, 내가 만든 라이브러리를 PyPI(Python Package Index)에 직접 배포하는 과정도 설명합니다.

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

스프링 프레임워크 기본부터 실전 사용법까지! 충실하고 폭넓은 설명과 예제를 통해 현장에 바로 투입되어 활약하는 개발자로 거듭나세요.

파이썬 기초 문법 지식을 기반으로 쉬운 예제부터 어려운 예제로 난이도를 높여갑니다. 이 과정에서 혼자서 학습하는 방법, 탄탄한 문법 지식 습득 및 기본기를 확실하게 다지게 될 거예요. 아울러, 파이썬 프로그래밍의 자주 사용하는 패턴을 배워봅니다.

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

전) 토스 Product Designer 강영화님과 인프런이 함께한 프로덕트 디자인 밋업의 현장을 담은 강의입니다! 10년 차 프로덕트 디자이너의 수많은 인사이트와 업무 노하우들을 배울 수 있어요!

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

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

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

지식공유자 김나헌님과 함께한 데이터직군을 위한 라이브 밋업 영상 입니다 :)

기본 개념부터 차근차근 설명하며, 실제로 웹환경에서 구동되는 여러 어플리케이션을 만드는 실습을 함으로서 실전적인 지식을 쌓을 수 있도록 도와줍니다. 이 강좌를 모두 이행하기만 하면, 프로그래머로서 바로 인력으로 투입될 수 있습니다.

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

피그마 입문: 기초부터 웹사이트 디자인까지 | 피그마 기초, 디자인시스템을 배우실 수 있어요 전세계 가장 많은 사람들이 사용하는 협업 툴 피그마를 배워보세요

웹 개발의 첫 걸음을 떼셨나요? HTML, CSS, javascript를 이제 막 시작하신 분들께 특별한 제안을 드립니다! 모바일 시대에 발맞춰 모바일 웹사이트를 만들고 싶지만, 어디서부터 시작해야 할지 망설여지시나요? 걱정하지 마세요. Figma 모바일 디자인을 직접 분석하고 구현하면서, 자연스럽게 반응형 웹 개발의 핵심을 배워보세요. 세련된 모바일 디자인을 토대로, 사용자의 마음을 사로잡는 섬세한 인터랙션부터 다양한 화면 크기에 완벽하게 적응하는 기술까지, 모든 것을 함께 알아가볼 수 있습니다. 이제 여러분의 웹사이트가 모든 기기에서 빛나도록, 노하우를 나눠드리겠습니다. 함께 시작해볼까요?

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

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

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

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

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

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

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

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

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

CSS Grid는 복잡한 레이아웃도 간단하고 직관적으로 구현할 수 있는 강력한 도구입니다. 이번 강의에서는 CSS Grid의 핵심 개념부터 실전 활용법까지 단계별로 쉽게 배울 수 있도록 구성했습니다. 이제 복잡한 float과 flexbox에 얽매이지 말고, 효율적인 레이아웃 설계의 정석을 배워보세요! 지금 바로 시작하세요!

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

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

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

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

"생성형 AI를 활용해 기획·디자인·구현·배포까지 완성하는 웹개발 실전 프로젝트 강의" 아이디어 구상부터 시작해서, AI로 디자인 뚝딱 만들고, React로 실제 작동하는 웹사이트 구현, 그리고 인터넷에 배포까지 - 모든 과정을 차근차근 함께 완성합니다. Stitch와 Figma Make 같은 최신 AI 도구들이 디자인 작업을 도와주고, 복잡한 코딩도 단계별로 쉽게 따라할 수 있게 알려드려요.

리서치 자동화부터 백엔드 데이터 연동, 나아가 실제 라이브 동적 웹을 배포하는 과정까지 함께 다루며 개인이 제품의 전체 생애 주기를 주도적으로 이끌 수 있는 풀스택 관점을 기르는 데 목적이 있습니다. AI 시대 경쟁력을 강화하고 싶은 분들께 생각을 현실화 하는 강력한 엔진으로 활용하는 힘을 드립니다.

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