inflearn logo
강의

講義

知識共有

Figmaを活用したUIデザイン入門から実践までA to Z

[무료 강의] AI로 브랜드 가이드라인, 디자인 시스템 구축부터, 앱 제작, 피칭 덱, 카드 캐러셀까지

2

producteric

投稿した質問数 5

0

안녕하세요, 에릭입니다. 오랜만에 인사드려요.


오늘은 요즘 디자인 업계에서 벌어지고 있는 변화, 그리고 그걸 직접 해볼 수 있는 영상 하나를 들고 왔어요.


피그마 주가가 하루에 7% 떨어진 날
두 달 전에 '클로드 디자인'이라는 게 나왔습니다. 

그리고 그날, 피그마 주가가 하루에 7%나 떨어지는 일이 있었어요.
시장이 이렇게 반응했다는 건 의미가 커요. 

이제 UX/UI 디자인도 손으로 그리는 작업에서 프롬프트로 만드는 방향으로 가고 있다는 것. 


그리고 클로드 디자인이 내놓는 결과물이 그 흔한 'AI 티'가 나는 게 아니라, 

디자이너가 만든 것 같은 수준으로 나오고 있었다는 겁니다.


저도 직접 써보면서 확인했어요. 보라색 그라디언트에 어디서 본 듯한 화면이 아니라, 브랜드의 톤을 지키는 정돈된 결과물이 나옵니다. 말만 하면요.


아직 AI로 디자인을 안 해보셨다면, 이번이 좋은 타이밍이에요
피그마를 이미 마스터하셨거나 배우고 계신다면 이미 어느 정도 디자인에 대한 능력치를 쌓고 계신거에요. 그리고 여기에 AI디자인까지 활용할 수 있다면 속도에 날개를 달아줄 수 있습니다. 그래서 처음 해보는 분들도 따라올 수 있는 영상을 하나 준비했습니다.


클로드 디자인 A to Z 마스터클래스 (유튜브, 47분 분량)
브랜드 하나를 처음부터 끝까지 세우는 전체 과정이에요. 

이론만 배우는 게 아니라 'Flowdeck'이라는 칸반 보드 앱을 실제로 만들어서 배포까지 했습니다. 순서는 이렇게 됩니다.


- 브랜드 컨셉 & 로고 — 프롬프트만으로 시안 3개 뽑고 고르기

- 브랜드 가이드라인 — 미션·철학·보이스앤톤까지

- PRD & 화면 정의서 — '기획서'가 처음인 분들을 위한 개념 설명 포함

- 디자인 시스템 구축 — 컬러·폰트·컴포넌트를 하나의 원천으로

- 와이어프레임 → 하이파이 프로토타입 — 그리고 클로드 코드와 연동해서 실제 작동하는 앱으로 구현

- 랜딩 페이지 + 피칭덱 + 카드 캐러셀까지 — 전부 같은 브랜드 톤으로


포인트는 산출물 하나하나가 아니라, 브랜드 가이드라인이라는 뿌리 하나에서 모든 결과물이 일관되게 뻗어 나오는 워크플로우를 가져가시는 겁니다. 회사에서 몇 명이 나눠 하던 일을, 이제 혼자서 하실 수 있어요.


"PRD가 뭐지, 디자인 시스템은 어디까지지" 막막했던 분들, 포트폴리오에 '실제 출시한 제품'을 넣고 싶었던 분들에게 특히 도움이 될 거예요.


마스터클래스 영상 보러 가기


커피 한 잔 준비하시고, 가능하면 화면 옆에 클로드 켜두고 따라 해보세요. 실습에 쓴 문서들(브랜드 가이드라인·PRD 등)도 해당 유튜브 영상 댓글에 공개해뒀습니다.


그럼, 다음에 뵈요.


에릭 드림

[카카오 그룹챗 안내]

카카오톡에서 "AI 빌더 커뮤니티" 그룹챗을 운영을 시작했습니다. 앞으로 AI 관련된 컨텐츠 소식을 이 채널을 통해서 공유하고 AI 및 스터디 정보를 공유하고 함께 성장하는 공간으로 활용합니다.


그룹챗 조인하기 >>

웹-디자인 모바일-디자인 figma 프로덕트디자인

回答 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 에릭님께서 피그마와 AI를 활용한 디자인 워크플로우에 대한 흥미로운 내용을 공유하셨네요. 이번 클로드 디자인 마스터클래스를 통해 AI와 통합된 최신 디자인 트렌드를 체험해 보실 수 있는 기회인 것 같습니다.

AI 디자인 도구인 클로드 디자인을 통해 어떻게 디자이너가 만든 것 같은 결과물을 빠르게 얻을 수 있는지를 직접 체험해 보시는 것이 이번 강의의 핵심이겠습니다. 워크플로우 전체를 체험하면서 브랜드 가이드라인, 디자인 시스템 등 중요한 개념들을 체득할 수 있습니다.

특히, 준비된 유튜브 영상은 실습에 필요한 다양한 문서들과 함께 제공되므로 보다 실질적인 학습에 큰 도움이 될 것입니다. 클로드 디자인 A to Z 마스터클래스 유튜브 영상 링크를 통해 필요한 정보를 얻으시길 바랍니다.

또한, AI 빌더 커뮤니티 카카오 그룹챗에 참여하여 더 다양한 AI 디자인 정보와 커뮤니티와의 소통을 즐길 수 있으니 관심 있으신 분들은 여기서 참여해 보세요.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

강의 수강 기간 연장 부탁드리겠습니다

0

26

1

프레임 조정 관련

0

102

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

200

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

433

3

Auto Layout 적용이 되지 않습니다

0

437

2

SF Symbols 윈도우

0

398

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

1156

2

확장성

0

129

2

하단바 설정하는 방법

0

324

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

680

4

하단바 고정시

0

984

3

섹션 12 예제 파일이 안보입니다!

0

193

2

제플린 핸드오프에 관련 질문입니다.

0

155

2