Claude Design 사용법 | 프롬프트로 UI 만들고 수정·반응형까지 - 클로드 디자인 강좌 01
지금 보고 있는 영상
Claude Design 사용법 | 프롬프트로 UI 만들고 수정·반응형까지 - 클로드 디자인 강좌 01
조회수 13,635
영상 설명 · 눌러서 펼치기
Claude Design을 활용해 간단한 프롬프트만으로 UI를 만들고, 원하는 방향으로 수정·확장하는 방법을 알아봅니다.
대시보드 UI 생성부터 Comment와 Edit Mode를 활용한 디자인 수정, 반응형 처리와 새로운 페이지 추가까지 Claude Design의 기본적인 작업 흐름을 직접 살펴봅니다.
🕐 타임스탬프
00:00 프롬프트로 UI를 만드는 Claude Design
00:28 Claude Design은 어떤 도구일까?
01:08 Claude Design 시작하기
01:52 디자인 시스템과 템플릿 살펴보기
03:16 프롬프트로 대시보드 UI 만들기
04:39 Comment로 디자인 수정 요청하기
06:45 Edit Mode에서 직접 디자인 수정하기
09:32 AI에게 반응형 디자인 요청하기
11:09 같은 스타일로 새로운 페이지 만들기
12:16 Claude Design의 한계와 AI Slop
14:10 비용과 앞으로의 활용 방향
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
#Claude #ClaudeDesign #AI디자인
대시보드 UI 생성부터 Comment와 Edit Mode를 활용한 디자인 수정, 반응형 처리와 새로운 페이지 추가까지 Claude Design의 기본적인 작업 흐름을 직접 살펴봅니다.
🕐 타임스탬프
00:00 프롬프트로 UI를 만드는 Claude Design
00:28 Claude Design은 어떤 도구일까?
01:08 Claude Design 시작하기
01:52 디자인 시스템과 템플릿 살펴보기
03:16 프롬프트로 대시보드 UI 만들기
04:39 Comment로 디자인 수정 요청하기
06:45 Edit Mode에서 직접 디자인 수정하기
09:32 AI에게 반응형 디자인 요청하기
11:09 같은 스타일로 새로운 페이지 만들기
12:16 Claude Design의 한계와 AI Slop
14:10 비용과 앞으로의 활용 방향
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
#Claude #ClaudeDesign #AI디자인
디자인베이스 다른 영상
Figma Component Properties 사용법 | Variant·Boolean·Instance Swap까지 - 피그마 강좌 2-10
조회수 2,877
Figma Component 사용법 | Instance와 중첩 컴포넌트 이해하기 - 피그마 강좌 2-9
조회수 1,770
Figma Styles 사용법 | 텍스트·컬러·이펙트를 한 번에 관리하기 - 피그마 강좌 2-8
조회수 2,540
Figma Constraints 사용법 | 화면 크기가 바뀌어도 레이아웃 유지하기 - 피그마 강좌 2-7
조회수 2,058
Figma Auto Layout 사용법 | 반응형 UI 만드는 핵심 기능 - 피그마 강좌 2-6
조회수 1,871
Figma 그리드 사용법 | 반응형 레이아웃 가이드 만들기 - 피그마 강좌 2-5
조회수 2,460
피그마 아이콘 만들기 | Boolean·Pen Tool로 직접 제작하기 - 피그마 강좌 2-4
조회수 1,769
Figma 이펙트 사용법 | Shadow·Blur·Glass·Shader 한 번에 이해하기 - 피그마 강좌 2-3
조회수 1,599