Claude Design 디자인 시스템 만들고 앱·슬라이드에 같은 스타일 재사용하기 - 클로드 디자인 강좌 03
지금 보고 있는 영상
Claude Design 디자인 시스템 만들고 앱·슬라이드에 같은 스타일 재사용하기 - 클로드 디자인 강좌 03
조회수 2,575
영상 설명 · 눌러서 펼치기
Claude Design에서 만든 결과물을 디자인 시스템으로 정리하고, 다른 프로젝트에서도 같은 스타일을 반복해서 사용하는 방법을 알아봅니다.
컬러·타이포그래피·스페이싱·컴포넌트 등을 시스템화한 뒤 모바일 앱과 슬라이드에 적용해, 서로 다른 결과물에서도 일관된 디자인 파운데이션과 비주얼 언어를 유지하는 과정을 살펴봅니다.
🕐 타임스탬프
00:00 디자인을 매번 다시 설명하면 생기는 문제
00:27 기존 디자인을 디자인 시스템으로 정리하기
01:55 컬러·타이포·컴포넌트 시스템화 결과
02:08 Claude Design에서 디자인 시스템 만들기
03:04 링크·Figma·코드·에셋 연결하기
03:43 생성된 디자인 시스템 검수하기
04:28 디자인 시스템 실제로 사용해보기
04:43 같은 스타일로 슬라이드 만들기
05:03 모바일 앱 화면에 디자인 시스템 적용하기
05:30 모바일 앱 결과 확인
06:23 슬라이드 결과 확인
06:39 디자인 시스템을 자산처럼 재사용하는 방법
07:12 다음 편: 반복 작업 자동화하기
🚀 멤버십 가입 : 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)
#ClaudeDesign #디자인시스템 #AI디자인
컬러·타이포그래피·스페이싱·컴포넌트 등을 시스템화한 뒤 모바일 앱과 슬라이드에 적용해, 서로 다른 결과물에서도 일관된 디자인 파운데이션과 비주얼 언어를 유지하는 과정을 살펴봅니다.
🕐 타임스탬프
00:00 디자인을 매번 다시 설명하면 생기는 문제
00:27 기존 디자인을 디자인 시스템으로 정리하기
01:55 컬러·타이포·컴포넌트 시스템화 결과
02:08 Claude Design에서 디자인 시스템 만들기
03:04 링크·Figma·코드·에셋 연결하기
03:43 생성된 디자인 시스템 검수하기
04:28 디자인 시스템 실제로 사용해보기
04:43 같은 스타일로 슬라이드 만들기
05:03 모바일 앱 화면에 디자인 시스템 적용하기
05:30 모바일 앱 결과 확인
06:23 슬라이드 결과 확인
06:39 디자인 시스템을 자산처럼 재사용하는 방법
07:12 다음 편: 반복 작업 자동화하기
🚀 멤버십 가입 : 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)
#ClaudeDesign #디자인시스템 #AI디자인
디자인베이스 다른 영상
Astra로 3D 모델링부터 Three.js 웹사이트까지 만들어봤습니다 - GPT-6 Astra
조회수 12,708
Claude Design 퀄리티 높이는 법 | 디자인 브리프와 레퍼런스 활용하기 - 클로드 디자인 강좌 02
조회수 2,861
상품 상세 UI 개선하기 | UX/UI 디자인 문제를 하나씩 고쳐봅니다 - UXUI 디자인 강좌 05-18
조회수 5,045
Claude Design 사용법 | 프롬프트로 UI 만들고 수정·반응형까지 - 클로드 디자인 강좌 01
조회수 6,818
웹사이트를 Figma로 그대로 가져오기 | Figma Chrome Extension 사용법 - 피그마 강좌 1-9
조회수 4,031
웹디자인 컬러 사용법 | UI 컬러 시스템과 디자인 토큰 이해하기 - 웹디자인 강좌 2-4
조회수 2,914
Figma Buzz 사용법 | 콘텐츠 디자인을 템플릿으로 자동화하기 - 피그마 강좌 1-8
조회수 2,569
Figma Sites 사용법 | 피그마에서 반응형 웹사이트 만들고 배포하기 - 피그마 강좌 1-7
조회수 4,515