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

[카카오 그룹챗 안내]
카카오톡에서 "AI 빌더 커뮤니티" 그룹챗을 운영을 시작했습니다. 앞으로 AI 관련된 컨텐츠 소식을 이 채널을 통해서 공유하고 AI 및 스터디 정보를 공유하고 함께 성장하는 공간으로 활용합니다.
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. 에릭님께서 피그마와 AI를 활용한 디자인 워크플로우에 대한 흥미로운 내용을 공유하셨네요. 이번 클로드 디자인 마스터클래스를 통해 AI와 통합된 최신 디자인 트렌드를 체험해 보실 수 있는 기회인 것 같습니다.
AI 디자인 도구인 클로드 디자인을 통해 어떻게 디자이너가 만든 것 같은 결과물을 빠르게 얻을 수 있는지를 직접 체험해 보시는 것이 이번 강의의 핵심이겠습니다. 워크플로우 전체를 체험하면서 브랜드 가이드라인, 디자인 시스템 등 중요한 개념들을 체득할 수 있습니다.
특히, 준비된 유튜브 영상은 실습에 필요한 다양한 문서들과 함께 제공되므로 보다 실질적인 학습에 큰 도움이 될 것입니다. 클로드 디자인 A to Z 마스터클래스 유튜브 영상 링크를 통해 필요한 정보를 얻으시길 바랍니다.
또한, AI 빌더 커뮤니티 카카오 그룹챗에 참여하여 더 다양한 AI 디자인 정보와 커뮤니티와의 소통을 즐길 수 있으니 관심 있으신 분들은 여기서 참여해 보세요.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
강의 수강 기간 연장 부탁드리겠습니다
0
26
1
프레임 조정 관련
0
100
2
arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?
0
111
1
오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.
0
139
0
하단바 고정
0
527
2
도형 오토레이아웃 설정
0
182
2
단락별 행간 조절
0
109
2
수강기한 연장 관련 질문드립니다.
0
105
2
24화 질문인데 도형 선택해도 layer가 안 뜹니다
0
198
3
go back to previous(이전 버전으로 가기) 가 안뜹니다
0
433
3
Auto Layout 적용이 되지 않습니다
0
436
2
SF Symbols 윈도우
0
397
2
섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다
0
161
2
Constraint기능에서 Top & Bottom 기능이 연동이 안되네요
0
181
2
Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능
0
350
2
프레임 크기를 조정하다가 모르는 박스를 발견했어요.
0
160
2
Style 저장하는데 Variable?
0
408
1
Text 박스 조정하는 법
0
1155
2
확장성
0
129
2
하단바 설정하는 방법
0
324
2
컴포넌트들 에셋상에서 폴더값으로 분류하는 법
0
680
4
하단바 고정시
0
983
3
섹션 12 예제 파일이 안보입니다!
0
193
2
제플린 핸드오프에 관련 질문입니다.
0
155
2





