Design References
디자인 레퍼런스
9가지 목적별로 큐레이션한 77개 디자인 레퍼런스 사이트. 언제 무엇을 찾아보면 좋을지 목적 중심으로 정리했습니다.
9
Categories77
SitesCurated Sites
Benchmarks
이 분야 최고 수준이 어디까지인지 확인하고 퀄리티 기준점을 세울 때. 수상작과 공식 실험으로 상한선을 파악합니다.
Mood & Style
프로젝트 톤과 방향을 정하고 무드보드를 모을 때. 태그·필터·채널로 원하는 스타일을 빠르게 수집합니다.
Product Research
살아 있는 서비스의 화면·플로우·패턴을 분석할 때. 정적 스크린샷부터 동적 플로우, SaaS 패턴까지 실제 제품을 뜯어봅니다.
Build & Libraries
인터랙션과 비주얼을 직접 코드로 만들 때. 프롬프트에 라이브러리명을 넣으면 AI가 해당 API로 코드를 생성합니다.
Creative Coding & Motion
제너러티브·셰이더·3D 같은 실험적 표현을 탐색하고 학습할 때. 완성 사이트가 아니라 코드와 움직임의 원리를 봅니다.
Type & Color
서체와 색을 결정할 때. 폰트 페어링과 파운드리 사례, 실시간 팔레트 테스트까지 한 자리에서 봅니다.
Brand & Systems
브랜드 아이덴티티 사례를 보거나 컴포넌트·토큰 기준을 잡을 때. 그래픽 시스템부터 디자인 시스템 문서까지 봅니다.
Studios & Agencies
세계 최고 수준 스튜디오·에이전시의 실제 작업과 자사 사이트를 볼 때. 인터랙션·아트 디렉션·모션의 정점을 한자리에서 참고합니다.
AI & Digest
AI로 UI를 만들고 결과 품질을 가늠하거나, 디자인 트렌드와 소식을 꾸준히 따라갈 때. 바이브코딩 시대의 새 흐름을 챙깁니다.
디자인과 개발을 잇는 언어를 배웁니다
디자인 사고로 제품을 설계하는 바이브 코딩
온라인 VOD + 커뮤니티 학습
6섹션 · 18챕터
Vibe Design Starter Kit
디자인 사고로 제품을 설계하는 바이브 코딩
01
바이브 디자인: 새로운 사고에 적응하기
02
꼭 필요한 만큼의 디자인 시스템
03
제품으로서의 확장: UX로 로직 제어하기
04
내 프로젝트에 적용해보기 - 챌린지
05
디자인 에이전트: 이성과 감성사이의 파이프라인
06
실전 서비스 운영 시나리오 대응












































































