말이 길어질수록 AI는 산으로 갑니다. 설계 없는 프롬프트의 한계입니다. 설계가 있으면 프롬프트는 짧아집니다.
원하는 디자인을 설명할 단어가 없습니다. 무슨 말을 할지 매번 생각합니다. 어휘가 있으면 한 마디로 전달됩니다.
만드는 것보다 고치는 데 시간이 더 듭니다. 코드는 몰라도, 작업할 범위를 언어로 표현하는 연습이 필요합니다.
말이 길어질수록 AI는 산으로 갑니다. 설계 없는 프롬프트의 한계입니다. 설계가 있으면 프롬프트는 짧아집니다.
원하는 디자인을 설명할 단어가 없습니다. 무슨 말을 할지 매번 생각합니다. 어휘가 있으면 한 마디로 전달됩니다.
만드는 것보다 고치는 데 시간이 더 듭니다. 코드는 몰라도, 작업할 범위를 언어로 표현하는 연습이 필요합니다.
결정권이 피그마 안에서만 존재합니다. 넘기는 순간 대체 가능한 포지션이 됩니다. 캔버스를 뛰어넘는 디자인 엔지니어가 생존합니다.
기획서대로, 디자인대로 구현만 반복합니다. 스스로 판단하고 결정하는 근육이 사라집니다. 파이프라인의 부품은 언제든 교체됩니다.
그동안 디자인은 과소평가 당해왔습니다. 연출이 아닌 설계로서의 디자인은, 바이브 코딩에서 가장 효과적인 표현 수단입니다. Vibe Design Lab은 디자인 중심 언어 체계를 연구하여, 여러분이 AI 네이티브 빌더로 거듭나도록 도와드립니다.
Figma를 스킵하고 바이브 디자인으로 만든 결과물입니다.
Lumenstate
실습예제: 가상의 조명 브랜드
nexflow
수강생 과제: 대시보드 디자인 시스템
VIDENCE
수강생 과제: 몰힙형 패션 브랜드
수강생 과제3
수강생 과제: 코스메틱 브랜드
Reality Transurfing
수강생 과제: 인터랙티브 스토리텔링
Vertical Breath
three.js 기반 인터랙티브 웹
디자인과 개발을 잇는 언어를 배웁니다
사고와 구현이 별개라는 편견은 커리어를 고립시킵니다
결과물보다 기준을 먼저 설계합니다
AI가 알아듣는 표준 디자인 언어 체계
구현의 설계도가 되는 디자인 접근방식
10년차 디발자의 노하우를 전수해드립니다.
• Data Driven Design 대표
• Vibe Design Lab 운영
• My Threads Insight 운영
• Coloso 인터랙티브 바이브 코딩 강의
· 2025 Live Application: 국내 TOP 금융, 보험사 사용 컴플라이언스 솔루션 디자인
· 2024 Honest AI 인터랙티브 브랜딩 페이지 제작
· 2022 <플라스틱 리터러시: GS 칼텍스 ESG 캠페인> 인터랙티브 스토리텔링 웹사이트 공동 참여
· 2022 서울시디지털시장실 디자인 컨설팅: 기존 UX/UI 개선을 위한 디자인 시스템 구축 및 제안
· 2022 가지랩 인터랙티브 온라인 진단 서비스 제작
· 2021 페넬라겐 인터랙티브 브랜딩 사이트 제작
· 2020 커먼타운 브랜딩 사이트 개발
· 2019 Prebit 실시간 인터랙티브 대시보드 시스템 제작
· 2015 <이주 노동자를 말하다: 한국경제> 인터랙티브 데이터 저널리즘 프로젝트
· 2014 <프로젝트 시리아> 인터랙티브 데이터 저널리즘 프로젝트 (국제 대회 출품작)
리드와 참여자가 함께 만들어갑니다
1개의 코스가, 커뮤니티처럼 작동합니다.
Discord와 학습 플랫폼에서 리드와 수강생이 실시간으로 연결됩니다. 챕터마다 챌린지를 수행하고, 서로의 진행 상황이 보입니다. 듣고 끝나는 VOD와 구조가 다릅니다.
질문은 해당 챕터에 바로 연결됩니다. 같은 지점을 고민한 동료의 질문과 시행착오도 함께 보입니다. 게시판에 묻히는 질문이 아니라, 맥락이 보존된 피어 학습 기록입니다.
코스 완주 후에도 추가 웨비나에 참여하고, 연 2회 커리큘럼 개정에 직접 의견을 제시할 수 있습니다. 듣는 사람이 아니라 만드는 사람으로 남습니다.
운영과 유지보수를 전제한 현업 수준의 예제를 다룹니다. 디자인 시스템의 확장, 데이터 구조의 변경, 컴포넌트의 유지보수 역량을 키웁니다.
6섹션 · 18챕터 · 약 6주 소요
Vibe Design Starter Kit
디자인 사고로 제품을 설계하는 바이브 코딩
바이브 디자인: 새로운 사고에 적응하기
꼭 필요한 만큼의 디자인 시스템
제품으로서의 확장: UX로 로직 제어하기
내 프로젝트에 적용해보기 - 챌린지
디자인 에이전트: 이성과 감성사이의 파이프라인
실전 서비스 운영 시나리오 대응
30명의 실무자들이 이미 검증했습니다.
3번의 오프라인 코스 현장에서 얻은 인사이트를 반영했습니다
이XX
인하우스 디자이너개발 코드 하나도 모르는 디자이너가 바이브코딩을 들으면 어떨까 했는데 생각보다(?) 끝까지 따라갈 수 있었어요. 물론 강사님 말 한 문장 한 문장 이해하려고 머리 쓰느라 쉽진 않았지만, 계속 설명해주시고 비유도 잘 해주셔서 포기하지 않게 되더라고요. 무엇보다 이론이 아니라 "이렇게 완성해서 실제로 쓰면 된다"는 기준으로 알려주셔서 실무에 바로 적용해보고 싶다는 생각이 들었습니다 👍 기회가 되면, 실제로 적용한 형태도 만들어서 공유해보려고 합니다😀
고XX
에이전시 디자이너회사에서 반복되는 디자이너의 작업을 어떻게 효율적으로 할 수 있을지 고민하다 이 코스를 듣게되었는데 처음 부터 스토리북 & 디자인 시스템으로 작업하는 방식을 터득해서 좋았습니다. 사내에서도 디자인 시스템을 리드하는 프로젝트를 맡게되었습니다!
조XX
디자이너 · 개인 에이전시기획 의도를 정확히 반영한 디자인을 웹 상에 시각화하는 데 큰 도움이 되었고, AI 기술의 도입으로 이제는 원하는 결과물을 혼자서도 디자인하고 구현할 수 있는 역량이 생겼습니다. 이전에는 디자인 시안과 실제 구현 간의 괴리로 인해 소통이 쉽지 않았지만, 이제는 디자인과 코딩 결과물을 동시에 확인하며 의견을 주고받을 수 있어 커뮤니케이션이 훨씬 원활해졌습니다. 시각적 품질은 물론, 협업 과정에서도 큰 만족을 느끼고 있으며, 앞으로의 프로젝트에서도 더욱 효과적인 결과를 기대하고 있습니다.
한XX
백엔드 개발자 · IT 솔루션 회사디자인시스템의 기초와 중요성을 알려주신게 가장 좋았다. 디자인 중심 개발이란 개념이생소했지만 웹 개발 측면에서 가장 필요하고 0번째로 이루어져야하는게 디자인이고 퍼블이라는걸 깨닫고, 디자인시스템이 잘 수립되어 있으면 개발자와 디자이너의 커뮤니케이션 간극도 줄어들것 같다는 생각이 들게해주셔서 흥미로웠다.
민XX
건축사사무소 대표UX기획/UI디자인 업무를 하면서 생각나는 사이드 프로젝트 아이디어를 직접 만들어볼 기회가 없어 아쉬웠는데, DDD님의 강의를 들으면서 작은 웹서비스를 만들고 출시할 수 있게 되었습니다! 강사님이 비전공자의 시선에 맞춰 개발환경 세팅부터 차근차근 가르쳐주십니다. 리액트와 피그마 프로퍼티를 연결하여 어떤 식으로 화면과 요소를 구조화하여 생성형AI에게 코드를 요청해야하는지 배웠어요. 자기 아이디어를 구현해보고픈 디자이너는 꼭 들어보시면 좋겠습니다!
이XX
IT 회사 기획자수업 내용도 알찼지만 여러모로 ddd 님의 철학과 창조적인 방법론들도 엿볼 수 있어서 흥미롭고 감명깊었던 수업이었어요. 큰 틀은 정해져있었던 강의지만, 강의 때 나왔던 질문들을 바탕으로 보충 영상도 올려주시고, 스타터키트도 업데이트 해가시는 모습을 보며 이걸 선택하길 참 잘했다는 생각이 들었습니다. 사실 바이브코딩 강의가 너무 많아서 어떤걸 들어야했는지 고민됐었는데, 선생님이랑 스레드랑 인스타에서 길게 dm으로 상담하고 선택한 강의었던지라, 더더욱 열심히 들었던 것 같아요.
윤XX
디자이너 · 디지털 마케팅 에이전시기획 의도를 정확히 반영한 디자인을 웹 상에 시각화하는 데 큰 도움이 되었고, AI 기술의 도입으로 이제는 원하는 결과물을 혼자서도 디자인하고 구현할 수 있는 역량이 생겼습니다. 이전에는 디자인 시안과 실제 구현 간의 괴리로 인해 소통이 쉽지 않았지만, 이제는 디자인과 코딩 결과물을 동시에 확인하며 의견을 주고받을 수 있어 커뮤니케이션이 훨씬 원활해졌습니다. 시각적 품질은 물론, 협업 과정에서도 큰 만족을 느끼고 있으며, 앞으로의 프로젝트에서도 더욱 효과적인 결과를 기대하고 있습니다.
문XX
디자이너 · 해외 취업 준비디디디님과 5주간 UX/UI의 기본기를 차근차근 다지고, 마지막 1주는 내가 만들고 싶었던 웹사이트를 직접 기획하고 구현해보았습니다. 특히 Cursor를 활용해서 인터랙티브 웹을 만들어본 건 처음이었는데, 자유롭게 실험하고, 수정하고, 다시 시도하면서 디자인과 개발 사이의 벽을 허무는 경험을 할 수 있었던 게 인상적이었어요. 이번 기회를 통해 AI 도구들과 가까워질 수 있었습니다. 기초부터 실전까지 이어지는 이 커리큘럼을 통해, 막연했던 아이디어가 점점 구체적인 형태를 갖춰가는 과정이 정말 재미있었어요. 무엇보다 단순한 툴 사용법을 배우는 데 그치지 않고, '만들고 싶었던 것'을 직접 만들어보며 디자인과 기술을 유기적으로 연결시켜보는 경험이 가장 큰 장점이었다고 생각합니다. 디자인과 개발, 그리고 AI에 흥미가 있다면 꼭 한번 도전해보시길 추천드립니다! :)
노XX
UX 기획자UX기획/UI디자인 업무를 하면서 생각나는 사이드 프로젝트 아이디어를 직접 만들어볼 기회가 없어 아쉬웠는데, DDD님의 강의를 들으면서 작은 웹서비스를 만들고 출시할 수 있게 되었습니다! 강사님이 비전공자의 시선에 맞춰 개발환경 세팅부터 차근차근 가르쳐주십니다. 리액트와 피그마 프로퍼티를 연결하여 어떤 식으로 화면과 요소를 구조화하여 생성형AI에게 코드를 요청해야하는지 배웠어요. 자기 아이디어를 구현해보고픈 디자이너는 꼭 들어보시면 좋겠습니다!
@lap***ev
Threads디자인 개쩌는 사이트에는 이유가 있었네요 오늘 @dddesign.io 님의 비밀을 일부나마 엿볼 수 있어서 너무 좋았습니다! 스토리북도 정말 신기하네요. 바로 알아봐야겠습니다 오늘 웨비나 감사드립니다!
@jun***ng
Threads요즘 웬만한 유료강의도 실망스러운게 많은데.. 정말 인사이트있는 무료웨비나였습니다
@imh***im
Threads클로드코드한테 디자인 고쳐달라고 할 수록 페이지마다 디자인이 들쑥날쑥한 게 마음에 안 들었다. 아까운 내 크레딧😭 그러던 와중에 vibe design labs 에서 무료 웨비나가 있어서 들어봤다. 제미나이한테 물어보니까 디자인시스템, 스토리북이 이래서 필요한 거구나 알게 됐다. 5회차부터 중간에 들어서 이해는 잘 못했지만 4회차부터 따라가봐야지. 오늘 웨비나 감사합니다🥹 @dddesign.io
@zen***an
Threads오랜말에 강의팔이가 아닌, 진솔된 분의 웨비나를 들은 느낌. 많이 배웠습니다 :)
4월 7일 공식 오픈