안녕하세요, 에릭입니다. 오랜만에 인사드려요.오늘은 요즘 디자인 업계에서 벌어지고 있는 변화, 그리고 그걸 직접 해볼 수 있는 영상 하나를 들고 왔어요.피그마 주가가 하루에 7% 떨어진 날두 달 전에 '클로드 디자인'이라는 게 나왔습니다. 그리고 그날, 피그마 주가가 하루에 7%나 떨어지는 일이 있었어요.시장이 이렇게 반응했다는 건 의미가 커요. 이제 UX/UI 디자인도 손으로 그리는 작업에서 프롬프트로 만드는 방향으로 가고 있다는 것. 그리고 클로드 디자인이 내놓는 결과물이 그 흔한 'AI 티'가 나는 게 아니라, 디자이너가 만든 것 같은 수준으로 나오고 있었다는 겁니다.저도 직접 써보면서 확인했어요. 보라색 그라디언트에 어디서 본 듯한 화면이 아니라, 브랜드의 톤을 지키는 정돈된 결과물이 나옵니다. 말만 하면요.아직 AI로 디자인을 안 해보셨다면, 이번이 좋은 타이밍이에요피그마 같은 툴을 이미 마스터하셨거나 배우고 계신다면 이미 어느 정도 디자인에 대한 능력치를 쌓고 계신거에요. 그리고 여기에 AI디자인까지 활용할 수 있다면 속도에 날개를 달아줄 수 있습니다.처음 해보는 분들도 따라올 수 있는 영상을 하나 준비했습니다.클로드 디자인 A to Z 마스터클래스 (유튜브, 47분 분량)브랜드 하나를 처음부터 끝까지 세우는 전체 과정이에요. 이론만 배우는 게 아니라 'Flowdeck'이라는 칸반 보드 앱을 실제로 만들어서 배포까지 했습니다. 순서는 이렇게 됩니다.- 브랜드 컨셉 & 로고 — 프롬프트만으로 시안 3개 뽑고 고르기- 브랜드 가이드라인 — 미션·철학·보이스앤톤까지- PRD & 화면 정의서 — '기획서'가 처음인 분들을 위한 개념 설명 포함- 디자인 시스템 구축 — 컬러·폰트·컴포넌트를 하나의 원천으로- 와이어프레임 → 하이파이 프로토타입 — 그리고 클로드 코드와 연동해서 실제 작동하는 앱으로 구현- 랜딩 페이지 + 피칭덱 + 카드 캐러셀까지 — 전부 같은 브랜드 톤으로포인트는 산출물 하나하나가 아니라, 브랜드 가이드라인이라는 뿌리 하나에서 모든 결과물이 일관되게 뻗어 나오는 워크플로우를 가져가시는 겁니다. 회사에서 몇 명이 나눠 하던 일을, 이제 혼자서 하실 수 있어요."PRD가 뭐지, 디자인 시스템은 어디까지지" 막막했던 분들, 포트폴리오에 '실제 출시한 제품'을 넣고 싶었던 분들에게 특히 도움이 될 거예요.▶ 마스터클래스 영상 보러 가기커피 한 잔 준비하시고, 가능하면 화면 옆에 클로드 켜두고 따라 해보세요. 실습에 쓴 문서들(브랜드 가이드라인·PRD 등)도 해당 유튜브 영상 댓글에 공개해뒀습니다.그럼, 다음에 뵈요.에릭 드림[카카오 그룹챗 안내]카카오톡에서 "AI 빌더 커뮤니티" 그룹챗을 운영을 시작했습니다. 앞으로 AI 관련된 컨텐츠 소식을 이 채널을 통해서 공유하고 AI 및 스터디 정보를 공유하고 함께 성장하는 공간으로 활용합니다.그룹챗 조인하기 >>

저는 기획 및 시스템 운영 업무를 주로 하고 있는데 UIUX 쪽을 좀 아는게 도움이 될것 같아 이 강의를 학습중입니다.현재 3차시를 학습 중인데,서비스소개 페이지 만드는 예를 들어서 보고 따라하고 싶은데PPT로 하기에는 조금 한계가 있어보이는데,이런 걸 하실때 강사님은 어떤 툴을 사용해서 작업 하시나요?간단하게 따라 해 보고싶은데 간단하지가 않네요

혹시 강의하실때 사용하신 자료를 pdf 형태로 공유 부탁드려도 될까요? 메모 하면서 강의 들으면 훨씬 도움이 많이 될 것 같습니다.제 메일은 dytleekd@korea.kr 입니다

첫번째 화면 처럼 상품확대 이미지가 이미지 안에 들어가야하는데 두번째 화면의 왼쪽 레이어를 보면 이미지5가 상품확대 안으로 안들어가져요 이미지들을 flatten slection을 만들었는데 이미지로만 남겨지구요그리고 상품확대 인스턴스를 이미지 위에 덮으면 프로토타입이 걸리지만 이미지가 안 덮어지면 프로토타입이 안 걸려요 해결방법 상세히 알려주시길 바랍니다.

아이콘 하트 클릭 후 오른쪽 패널에서 인스턴스 스왑을 하려고 하는데 강의에서 나오는 것처럼 인스턴스 스왑 아이콘이 오른쪽 패널에 보이지가 않습니다. 해결 방법 알려주세요

실습 파일은 어디서 다운로드 받을 수 있나요?

안녕하세요. 해당 강의 Part 0 부분 어디에서 학습이 가능한가요?또한, 수강 시 제공되는 자료① 프롬프트 엔지니어링 가이드② 실무형 포트폴리오 템플릿③ 핵심 UX/UI 용어집자료 어디에서 확인해볼 수 있나요?

좋은 강의 올려주셔서 감사합니다. 잘 듣고 있습니다. 강의자료 요청드려도 될까요. 이메일 함께 첨부합니다. typhoony@naver.com

안녕하세요, 강의 정말 잘 보고있습니다.자료가 없어 따로 받아보고 싶은데요.혹시 강의하실 때 사용하신 자료를 pdf 형태로 공유 부탁드려도 될까요? 강의 들으면서 훨씬 도움이 많이 될 것 같습니다.socrateinst@gmail.com 입니다.감사합니다!

안녕하세요! 진하은입니다.설날을 맞아 따뜻한 새해 인사를 드리고자 글 남깁니다!멀리 아일랜드에서, 한분 한분이 올 한 해도 건강하고 행복하시길 진심으로 바래봅니다. 혹시 강의를 아직 시작하지 못하셨거나 잠시 멈춰 계셨더라면, 지금이 다시 리셋하기 가장 좋은 시간이 아닐까 생각해 봅니다. 설 연휴 동안 하루 10분, 가볍게 1강만 다시 들어보는 건 어떨까요?작은 시작이 큰 변화를 만듭니다.올해도 여러분의 성장을 응원합니다! 진하은 드림 

안녕하세요!디자인에 대한 도움이 필요해서 강의를 듣고 있는데 너무 잘 듣고 있습니다. 강의 자료 요청 질문들이 있어서 혹시 강의자료 pdf 파일을 공유 해주실 수 있을지 문의 드립니다. 감사합니다.

안녕하세요, 강의 잘 듣고 있습니다.아래 질문과 동일하게 저도 pdf 파일을 받아보고 싶습니다. 괜찮으시다면 으로 공유 부탁드립니다. 감사합니다.

2-3강 정도들었는데 패턴을 바라보는 디자이너 시각에 대해 안내 ,소개 해주시는 것 같습니다

안녕하세요, 강의 너무 잘보고있습니다.혹시 강의하실때 사용하신 자료를 pdf 형태로 공유 부탁드려도 될까요? 메모 하면서 강의 들으면 훨씬 도움이 많이 될 것 같습니다. 제 메일주소는 id_139@hotmail.com 입니다. 감사합니다.

게시판 color를 수정하면 자꾸 게시판 폰트가 위로 조금 더 올라가는 문제가 발생하는 데 원인이 뭔지 궁금합니다.다른 요소들도 더블 클릭하거나 그러면 원래 위치에서 높이가 조금 더 올라가버립니다 undo 기능을 사용해도 돌아오질 않네요

6번 강의 스타일 만들기 예제 는 제공이 안되나요? 실습 파일에 없어요

각 강좌에 사용되는 예제는 제공이 되지 않는건가요?예) 프레임, 그룹 때 사용한 학습완료 파일 등등예제는 그냥 눈으로 강의보면서 확인하고 실습은 못하는건가요?

강의를 여러번 봤는데도, 사진확대 컴포넌트를 만들고 인스턴스 컴포넌트를 프레임안에 넣고 사진을 어떠게 넣으라는건지 잘 모르겠습니다.그룹을 해야 하는건지...인스턴스 컴포넌트안에 이미지를 넣을수는 없지 않나요.,그부분에 자세한 설명이 없어서 ....

스트링베리어블로 이미지전환 인터렉션 만들기에서 다음버튼 처럼 이전버튼 만들려고 하면 이전버튼에 인터렉션을 동일하게 주면 되는건지요?이미지3 -> 이미지2-> 이미지1음....그렇게 했을때는 안되어서요  

30.7-상품확대 인터렉션 만들기에서요컴포넌트까지는 다 만들었는데요,마지막에 이미지에 붙여넣기 할때 어떤식으로 하는건지 강의 봐서는 잘 획갈려서요이미지를 4개 배치했고, 이미지가 각각 있는데 그걸 그룹화해서 넣어야 하는건지 어떤건지...잘.....