Figma 완전 입문 - UI 디자인 기초부터 Figma AI 자동화까지

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

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

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

디자인은 어렵고, 피그마는 복잡해 보였다면? 이제는 비디자이너도 직접 화면을 만들 수 있는 시대! 도형·텍스트·마스크 같은 기본 기능부터 배경 제거, AI 이미지 생성, UI 자동 제작까지 피그마 AI 기능을 실무 흐름 안에서 자연스럽게 활용하는 방법을 배웁니다. 상세페이지 제작부터 쇼핑몰 UI 화면 구성까지, 디자이너 도움 없이도 결과물을 완성할 수 있는 실전형 피그마 활용법을 경험해보세요. Point 1. 피그마의 핵심 기능만 익혀도 직접 화면을 만들 수 있다 - 프레임·도형·텍스트·마스크 등 꼭 필요한 드로잉 기능만 실습 중심으로 학습 - 상세페이지 전 섹션을 처음부터 끝까지 직접 제작하며 결과물 완성 경험 Point 2. 피그마 AI를 활용해 작업 속도를 확 줄이자 - 배경 제거, 이미지 생성, 레이어 정리 등 AI 기능을 실무 흐름 안에서 자연스럽게 활용 - 단순 기능 소개가 아니라 실제 디자인 작업에 연결되는 활용법 중심 구성 Point 3. 쇼핑몰 UI까지 만드는 실무형 디자인 감각을 익히자 - 오토레이아웃·컴포넌트·Make Designs 기능으로 UI 화면 세트 제작 - 비디자이너도 혼자 화면을 설계하고 완성할 수 있는 실전 감각 학습

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

마블러스 디자이너는 기초 지식만 있다면, 그렇게 어려운 툴이 아닙니다. 딱 제가 알고 사용하는 기초만 모아서 만든 강의입니다. 마블러스 디자이너를 처음 시작하시거나 사용한 지 오래되어서 기억이 가물 가물 하신 분들을 위한 강의입니다. 더 많은 강의는 https://www.cgbump.com 로 오세요!

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

나노바나나 2로 어디까지 가능할까요? 해상도, 폰트, 색상 등을 하나씩 같이 실습해봅니다. 징검다리 참조 방식으로 로고부터 배너, 영상까지 실제 콘텐츠를 만들어봅니다.

이미지 생성형 인공지능의 대표 툴, 미드저니! 기초 사용 방법부터 실제 디자인 프로젝트 실습을 통한 실무 적용까지 한 번에!

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

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

초보자도 무료로 세련되고 전문적인 웹사이트나 랜딩 페이지를 제작하고 싶은 분들을 위해. Canva를 사용해서 빠르게 매력적인 웹사이트를 만드는 방법을 배워보세요. 창업·부업 비즈니스용 LP나 프로필 페이지에도

ChatGPT Images 2.0을 활용해 로고, 제품 사진, 목업, 배너, 웨딩 스냅, 청첩장, POP, 메뉴판, 상세페이지 등 다양한 디자인 결과물을 제작합니다. 원하는 결과물을 얻기 위한 프롬프트 작성 방식과 반복해서 활용할 수 있는 템플릿 구조를 익히는 실습 중심 강의입니다.

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

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

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

HTML로 만든 카페 홈페이지를 CSS로 아름답게 꾸미는 실전 프로젝트 강의입니다. 색상, 레이아웃, 타이포그래피부터 Flexbox, Grid, 애니메이션, 반응형 디자인까지 CSS의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 4시간의 학습으로 초보자도 프로페셔널한 웹 디자인을 완성할 수 있습니다.

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

블로그와 SNS 콘텐츠를 직접 만들고 싶지만, 피그마는 어렵고 디자인은 막막하게 느껴지셨나요? 이 강의에서는 피그마의 기본 화면과 프레임부터 이미지·텍스트·도형·효과를 다루는 방법까지 실제 콘텐츠를 만들며 단계적으로 익힙니다. 블로그 커버와 썸네일, CTA 요소, 디지털 명함을 직접 제작하고, 컴포넌트·오토레이아웃·프로퍼티·배리언츠를 활용해 문구와 이미지가 바뀌어도 빠르게 수정할 수 있는 재사용형 콘텐츠 템플릿을 완성합니다. 단순히 예쁜 이미지를 한 장 만드는 데서 끝나는 것이 아니라, 블로그와 SNS에 지속적으로 활용할 수 있는 나만의 콘텐츠 제작 시스템을 만들어보세요. Point 1. 피그마 기본기를 실제 콘텐츠 제작으로 익히자 프레임·레이어·이미지·텍스트·도형 등 핵심 기능을 실습 중심으로 학습 블로그 커버와 썸네일을 직접 제작하며 피그마 작업 흐름 이해 디자인 비전공자도 결과물을 완성하며 자연스럽게 기본기 습득 Point 2. 반복 수정 가능한 콘텐츠 템플릿을 만들자 컴포넌트·오토레이아웃·프로퍼티·배리언츠의 핵심 원리 학습 문구·컬러·이미지를 빠르게 교체할 수 있는 썸네일과 CTA 요소 제작 콘텐츠를 만들 때마다 처음부터 다시 작업하는 시간 최소화 Point 3. 나만의 콘텐츠 파이프라인을 구축하자 블로그·인스타그램 등 여러 채널에 활용할 수 있는 디자인 자산 제작 컬러·텍스트·이펙트 스타일을 등록해 일관된 채널 이미지 구축 직접 만든 템플릿을 반복 활용하며 지속 가능한 콘텐츠 제작 기반 완성

✅ 마케터 : 지금 당장 콘텐츠를 만들어야 하는데 디자이너가 없다면? ✅ 예비 마케터 : 요즘 피그마가 대세라는데 기초를 쌓고 싶다면? ✅ 무료로 쓸 수 있고 가장 쉽게 접근 가능한 디자인 툴을 찾는다면? 정답은 피그마입니다. 피그마로 콘텐츠를 디자인 하는 방법에 대해 모두 알려드릴게요. 👏🏻