Claude Design 또 한번 업데이트가 되었는데!

**아무리 업데이트 잘 되도 [디자인 시스템] 안 잡고 가면 밤티는 여전하니…

아래 단계들 꼭 따라해보세요!**

. .

<aside> 🖐🏻

잠깐! 혹시 아직 클로드 코드로 바이브코딩 안해보셨다구요!?

딱 3주 안에! 내 손으로 결과물 만들어본 사람으로 만들어드릴게요😎

**<AI Boost Camp - 바이브코딩 왕초보 탈출반 w.클로드 코드>**에선

찐왕초보여도, 이런걸 만들 수 있게 될거에요!

1. 나만의 운세앱
2. 테트리스 게임
3. 뉴스 큐레이션 AI 챗봇

이런 걸 배워서 뭐하냐고요?

단순히 프로젝트 만드는 걸 배우는게 아닙니다!

이 프로젝트를 만.드.는 과정에서

제가 바이브코딩 잘하는 포인트들을 알려드릴거에요!

이 포인트들을 배우면서

• 창업하고 싶으셨던 분들은 → 진짜 내 아이디어 구현할 수 있겠는데!? 자신감 100% 생길거고
• 나도 업무를 AI 써서 효율적으로 하고 싶다! 하셨던 분들은 → 어떻게 하면 될지 감이 생길거에요!
• 바이브코딩 왕왕초보였다면? → 바로 “바이브코더”이자 “빌더”가 될 수 있습니다!

<AI Boost Camp - 바이브코딩 왕초보 탈출반 w.클로드 코드>은

7/8/9월만 한정으로 진행하는 클래스입니다!

자세한 건 아래 참고해보세요! 🔥

[👇🏻 7월 Boost Camp 바로 신청하기]

https://www.latpeed.com/products/8uzVF

https://ai-boost-camp-lisakkwon.netlify.app/

</aside>

1) Figma에서 원하는 디자인 시스템 copy하기

1. 요 링크 들어가면 피그마 커뮤니티 나옵니다! →https://www.figma.com/files/team/1048156391291571253/resources/community/ui-kits?fuid=1048156385335266184&resource_type=files&editor_type=figma

2. 거기서 [Wanted Design System] 추천!

   

3. Open in Figma 눌러서 파일로 열어줍니다

   

4. 파일 자체를 복사해줄게요

   

2) Claude Design으로 가서 디자인 시스템 만들어줍시다!

1. 디자인 시스템 탭에서 Create 버튼 클릭

   

2. 여기에 아까 피그마 파일 복사로 다운로드 받았던 .fig 폴더 드래그 앤 드롭!

   

3. 그럼 이렇게 디자인 시스템 생길거에요

   

3) 만든 디자인 시스템 써서 디자인 만들기 전에! (중요)

1. 다시 클로드 채팅으로 넘어가서 PRD + 유저플로우 작성해달라고 요청합니다!