inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Chinh phục hoàn toàn Thiết kế UI Responsive với Figma

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

2

producteric

5 câu hỏi đã được viết

0

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

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


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

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

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


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

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


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


아직 AI로 디자인을 안 해보셨다면, 이번이 좋은 타이밍이에요
피그마 같은 툴을 이미 마스터하셨거나 배우고 계신다면 이미 어느 정도 디자인에 대한 능력치를 쌓고 계신거에요. 그리고 여기에 AI디자인까지 활용할 수 있다면 속도에 날개를 달아줄 수 있습니다.

처음 해보는 분들도 따라올 수 있는 영상을 하나 준비했습니다.


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

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


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

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

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

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

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

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


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


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


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

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

그럼, 다음에 뵈요.

에릭 드림

[카카오 그룹챗 안내]

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


그룹챗 조인하기 >>

figma 반응형-웹 ui ux 취업

Câu trả lời 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 에릭님 질문에 대한 답변을 준비했습니다.

질문자님께서 언급하신 “클로드 디자인”과 관련한 내용은 현재 디자인 업계에서 큰 변화의 흐름을 겪고 있다는 흥미로운 이야기입니다. 특히 프롬프트를 이용한 디자인 작업의 가능성은 UX/UI 디자인 분야에서 중요한 트렌드로 자리잡고 있는 것 같습니다.

피그마 이미 활용하고 계시다면, 이 AI 디자인 도구를 추가적으로 배우면 신속하고 효율적인 디자인 작업이 가능할 것입니다. 이런 새로운 접근법은 복잡한 디자인 프로세스를 하나의 일관된 워크플로우로 통합할 수 있다는 장점을 제공합니다.

에릭님이 올려주신 유튜브 클로드 디자인 A to Z 마스터클래스 영상을 통해, 실습을 통해 디자인 시스템 구축부터 랜딩 페이지 제작에 이르기까지의 과정을 확인하고 배우실 수 있습니다. 영상에서는 실제로 앱을 디자인하고 배포하는 과정도 포함되어 있어 실질적인 포트폴리오 구축에 큰 도움이 될 것 같습니다.

추가로, AI 및 디자인 스터디 정보가 공유될 카카오 그룹챗도 함께 참여하시면 더 많은 정보를 얻고 네트워킹할 기회를 가질 수 있습니다.

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

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

0

3

1

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

0

2

1

PPT 제작 시 실제와 강의 내용 차이 문의

0

20

1

figma.com/@boldux 계정이 없다고 나옵니다

0

31

2

문의

0

39

1

변수 설정 시에 질문입니다.

0

33

2

템플릿 생성

0

43

1

프로젝트 현실 때문에 차선의 기술 선택을 했던 경험, 이력서에 적어도 괜찮을까요?

1

75

2

경력관련 이력서 경험 분량 질문

1

60

2

클로드 디자인 안에서 프롬프트 작성시?

1

42

1

디자인 시스템 관련 질문드립니다!

1

58

2

피그마 스킬설치 강의 중 피그마 디자인 파일 링크 관련 문의

1

49

2

Request for Prompts

0

34

1

지원동기에 대하여

1

58

2

프론트엔드 이력서 관련 질문

1

56

2

counter01.html은 어디있을까요?

1

24

1

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

0

26

1

포트폴리오에 대한 질문이 있습니다!

1

61

2

회사마다의 JD 자격 요건에 대해서는 어떻게 접근해야 좋나요?

0

48

2

7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ

0

37

2

안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!

0

39

3

[실전 01] 텍스트의 좌우,상하 Fill container 적용 문제

0

157

3

피그마 실습 파일 접근 권한 관련 문의

0

230

3

영어 음성 지원

0

75

1