후기 미리보기 (4개)

강의 너무 좋았습니다. 2시간이 짧게 느껴졌어요~ 후속 강의도 기대합니다

모든 수강생이 강의를 잘 쫒아오도록 꼼꼼하게 케어해주시고 이해하기 쉽게 설명해주셔서 좋았습니다

새로운 기술을 배우고 활용하는 법을 배울 수 있어서 유익했고, 강사님이 계속 상태 체크해 주시면서 알려주셔서 좋았습니다.

2시간이 어떻게 지나갔는지 모르게 너무 유익하고 재미있는 시간이었습니다. 커서에 대한 심리적 장벽이 높았는데 오늘 강의 듣고 해볼 수 있는 게 많아진 것 같아요. 강의 시간에 차근차근 잘 따라올 수 있도록 짚어주시고 질문도 적극적으로 받아주셔서 따라가기 더 수월했습니다. 다음 심화 강의도 듣고 계속 따라가고 싶어요 :) 고생 많으셨습니다. 감사합니다!

상세 정보

 
notion image
 
디자인 시안, 언제까지 그림으로만 둘 건가요? 이제 프로덕트로 바로 만드세요.
 

영상 부터 보실게요 ⬇️

 
Video preview
 
 
혹시 내 얘기?
  • "Figma에 디자인 시안은 기가 막히게 뽑았는데... 개발은 누가 해주나?"
  • "코딩 몰라서 내 디자인 아이디어가 그냥 묻히는 게 너무 아까워."
  • "퍼블리싱 외주? 너무 비싸고 시간도 오래 걸려..."
 
이제 그 고민, Cursor AI로 해결할 때가 왔어.
코딩? 몰라도 괜찮아. Figma 디자인 시안이나 컨셉 이미지만 있으면, Cursor AI한테 '말로 시켜서' 바로 HTML/CSS 코드로 뽑아낼 수 있어.
 
이게 바로 '바이브 코딩(Vibe Coding)'이야. 픽셀 하나하나 맞추는 코딩 노가다가 아니라, 디자인의 '느낌(Vibe)'과 '컨셉'을 AI와 함께 코드로 구현하는 거지.
 

이 강의에서 뭘 배우냐면:

  • Figma 디자인 (또는 이미지)을 Cursor AI에게 '제대로' 설명하는 법: 그냥 던져주는 게 아니라, AI가 알아듣게 디자인 컨셉과 구조를 전달하는 노하우.
  • 디자인 요소(레이아웃, 버튼, 카드, 스타일 가이드 등)를 코드로 바꾸는 핵심 프롬프트: 어떤 식으로 질문하고 명령해야 원하는 코드 결과물을 얻는지.
  • AI 코드 바로 확인 + '말로' 디자인 다듬기: Cursor가 생성한 코드를 실시간으로 확인하고, "이 부분 여백 좀 더 줘", "폰트 이거 말고 저걸로 바꿔줘" 처럼 AI와 대화하며 디자인 완성도 높이는 실전 워크플로우.
  • 결과물: Figma 시안과 거의 유사하게 구현된 웹페이지
 

누가 들으면 딱 좋냐면:

  • 디자인 시안은 있는데 코딩 때문에 결과물을 못 만드는 디자이너/기획자.
  • 코딩 1도 모르지만 내 디자인으로 웹사이트 만들어보고 싶은 사람.
  • AI로 퍼블리싱 작업 속도를 미친 듯이 올리고 싶은 프론트엔드 개발자 (주니어 환영!).
  • 노코드 툴의 한계를 느끼고 좀 더 자유로운 디자인 구현을 원하는 사람.
 

이걸 배우면 뭐가 좋은데?

  • 디자인 → 코드 변환 시간? 말도 안 되게 줄어듦. (최소 5배 이상)
  • 코딩 스트레스 해방: 어려운 CSS 씨름 대신 AI와 대화하며 디자인 구현.
  • 아이디어의 빠른 현실화: 머릿속/Figma 속 디자인이 바로 웹페이지로!
  • '감'으로 코딩하는 신세계: 코딩 문법이 아니라 디자인 '바이브'로 결과 만들기 경험.
 

강사 소개

  • 김보부상
  • 스레드에서 봤지? 뜬구름 잡는 소리 안 해.
  • AI로 안 되는 거 빼고 다 만들어서 결과로 보여주는 현실주의자.
  • 내가 쓰는 실전 '바이브 코딩' 방법 그대로 알려줄게.
 

강의 안내 및 신청

  • 강의 형식: 온라인 Google Meet 에서 진행해. 실시간이야.
  • 코멘트: Figma 사용 경험이 있으면 좋지만, 없어도 괜찮아. 참고할 만한 웹 디자인 이미지나 스케치만 있어도 참여 가능.
 

자주 묻는 질문 (FAQ)

  • Q: Figma 꼭 다룰 줄 알아야 하나요?
    • A: 아니. Figma 파일이 없어도 괜찮아. 웹사이트 디자인 시안 이미지나, 참고할 만한 다른 웹사이트 스크린샷만 있어도 충분히 실습 가능해. (물론 Figma 할 줄 알면 더 좋고)
  • Q: 코딩 진짜 하나도 몰라도 괜찮나요?
    • A: ㅇㅇ. 괜찮아. 이 강의는 AI한테 코딩을 '시키는' 방법을 배우는 거야. 당신이 직접 코딩할 필요는 거의 없어.

[얼리버드 50% 할인 링크] 피그마 MCP + Cursor = 진짜 바이브 코딩 🔥

일정

4월 20일 AM 7시 ~ AM 9시 (D+79)

판매

4월 19일 AM 11시 판매 마감

가격

50%

48,300

96,600

상품 후기 (4개)

25.04.22 후기 작성 | yhr****

Q. 전반적인 만족도를 평가해 주세요

5

Q. 어떤 점이 만족스러웠나요?

강의 너무 좋았습니다. 2시간이 짧게 느껴졌어요~ 후속 강의도 기대합니다

25.04.21 후기 작성 | kwo****

Q. 전반적인 만족도를 평가해 주세요

5

Q. 어떤 점이 만족스러웠나요?

모든 수강생이 강의를 잘 쫒아오도록 꼼꼼하게 케어해주시고 이해하기 쉽게 설명해주셔서 좋았습니다

25.04.21 후기 작성 | sy2****

Q. 전반적인 만족도를 평가해 주세요

4

Q. 어떤 점이 만족스러웠나요?

새로운 기술을 배우고 활용하는 법을 배울 수 있어서 유익했고, 강사님이 계속 상태 체크해 주시면서 알려주셔서 좋았습니다.

25.04.20 후기 작성 | ohk****

Q. 전반적인 만족도를 평가해 주세요

5

Q. 어떤 점이 만족스러웠나요?

2시간이 어떻게 지나갔는지 모르게 너무 유익하고 재미있는 시간이었습니다. 커서에 대한 심리적 장벽이 높았는데 오늘 강의 듣고 해볼 수 있는 게 많아진 것 같아요. 강의 시간에 차근차근 잘 따라올 수 있도록 짚어주시고 질문도 적극적으로 받아주셔서 따라가기 더 수월했습니다. 다음 심화 강의도 듣고 계속 따라가고 싶어요 :) 고생 많으셨습니다. 감사합니다!

grey-logo

간편 링크 판매 서비스, 래피드

문의: mavrks.official@gmail.com

래피드는 통신판매 중개자이며, 통신판매의 당사자가 아닙니다.

상호명 : 매버릭스 | 사업자등록번호 : 890-03-02509 | 대표 : 서창우 통신판매업: 2023-서울광진-1616 주소 : 서울특별시 강남구 테헤란로 217, 2층(역삼동, 오렌지플래닛)

Copyright ⓒ MAVRKS 2023 All Rights Reserved.