# 디자인 허브 (Design Hub)

> 디자이너를 위한 한국어 레퍼런스 사이트 디렉터리. 397개 사이트를 13개 분야로 나누고 각각 한 줄 설명과 무료·유료·국내 여부를 적어 두었습니다. 디자인 스타일 사전 34가지, 2026 디자인 트렌드 20가지, 디자인 용어 사전 155개를 함께 제공합니다.

각 분야 페이지는 자바스크립트 없이 읽을 수 있는 정적 HTML입니다. 전체 내용을 한 번에 읽으려면 llms-full.txt 를 보세요. 사이트 설명은 운영자가 직접 작성했고, 등록 전에 주소가 살아 있는지 확인합니다.

## 분야별 사이트 목록

- [UI/UX 레퍼런스](https://designrefs.com/ui-ux/): 앱·웹 화면, 유저 플로우, 랜딩페이지 인스피레이션. 40곳
- [그래픽 / 브랜딩](https://designrefs.com/graphic/): 포스터, 로고, 패키지, 브랜딩, 편집 디자인 레퍼런스. 24곳
- [컬러 가이드](https://designrefs.com/color/): 팔레트 생성, 그라디언트, 명도 대비 검사. 24곳
- [타이포 / 폰트](https://designrefs.com/font/): 무료 폰트, 폰트 조합, 타이포그래피 레퍼런스. 23곳
- [아이콘 / 에셋](https://designrefs.com/assets/): 아이콘, 일러스트, 사진, 영상 소스. 33곳
- [목업](https://designrefs.com/mockups/): 기기·인쇄물·패키지·의류 목업, 목업 생성기. 19곳
- [디자인 툴](https://designrefs.com/tools/): 제작·협업·프로토타이핑·유틸리티 도구. 30곳
- [AI](https://designrefs.com/ai/): 이미지·영상·UI 생성, AI 코딩 도구. 61곳
- [디자인 개발](https://designrefs.com/dev/): 디자인 시스템, 플랫폼 가이드라인, 인터랙션 구현. 34곳
- [커뮤니티 / 매거진](https://designrefs.com/community/): 아티클, 뉴스레터, 강의, 디자이너 커뮤니티. 29곳
- [크리에이터 / 채널](https://designrefs.com/creators/): 디자인 유튜버, 인스타그램 큐레이션 계정, 팟캐스트. 47곳
- [외주 / 프리랜서](https://designrefs.com/freelance/): 외주 매칭 플랫폼, 계약서·대가 기준. 13곳
- [채용공고](https://designrefs.com/jobs/): 디자이너 채용, 기업 정보, 커리어. 20곳

## 읽을거리 (직접 쓴 글)

- [글자가 깨지지 않는 포스터 시안을 위해, 캔바 크래프트는 배치부터 짠다](https://designrefs.com/articles/canva-craft-text-layout-image-model/): Canva가 10월 22일 첫 자체 이미지 모델 Craft를 냈다. 글자와 배치가 중요한 디자인용이라는 설명이다. 언론 보도로 확인한 구조, 순위 주장, 접근 방법과 함께 가격·상업 이용처럼 아직 확인되지 않은 부분을 정리했다. (2026-10-26, 약 5분)
- [아이디오그램 벡터 1.0, AI 로고를 처음부터 SVG로 받는다면](https://designrefs.com/articles/ideogram-vector-1-editable-svg/): Ideogram이 10월 22일 첫 벡터 모델 Vector 1.0을 냈다. 글이나 이미지에서 편집 가능한 SVG를 만든다고 한다. 공식 API 문서와 보도로 확인한 내용, 가격, 레이어와 글자 처리처럼 아직 확인되지 않은 부분을 정리했다. (2026-10-24, 약 6분)
- [제미나이 대화창에서 웹플로 사이트를 고친다, 연결 앱으로 되는 일과 아직 모르는 일](https://designrefs.com/articles/webflow-gemini-connector-edit-site-in-chat/): Webflow가 10월 15일 Google Gemini 앱의 연결 앱이 됐다. 채팅에서 페이지 제작, CMS 정리, 사이트 감사, 성과 질문을 할 수 있다고 한다. 설치는 무료이고 지금은 Webflow AI 크레딧을 쓰지 않는다. 보도자료와 마켓플레이스 페이지로 확인한 내용과 아직 알 수 없는 부분을 정리했다. (2026-10-23, 약 5분)
- [피그마 메이크에 Payload가 들어왔다, 시안에 데이터베이스와 로그인이 생긴다](https://designrefs.com/articles/figma-make-payload-save-button/): Figma가 10월 15일 오픈소스 CMS Payload를 Figma Make에 넣었다. 프롬프트로 앱을 만들면 데이터베이스, 파일 저장, 사용자 로그인, 관리자 화면이 같이 생긴다. 공식 블로그로 확인한 내용, 호스팅 베타·가격 미정, 아직 밝혀지지 않은 부분을 정리했다. (2026-10-22, 약 4분)
- [크레아 3 편집 모델은 로고를 지켜 줄까? 2K 한 장 0.06달러](https://designrefs.com/articles/krea-3-edit-keep-logo/): Krea가 10월 15일 이미지 편집 모델 Krea 3을 공개했다. 제품의 라벨과 로고는 두고 주변 장면만 바꾼다는 모델이다. 공식 블로그·가격 페이지로 확인한 속도, 값, 쓰는 법과 아직 검증되지 않은 부분을 정리했다. (2026-10-21, 약 6분)
- [피그마 코드 레이어 오픈 베타, 눌리는 시안을 캔버스에서 바로 (11월 4일까지 무료)](https://designrefs.com/articles/figma-code-layers-open-beta/): 피그마가 10월 15일 코드 레이어를 오픈 베타로 열었다. 디자인 프레임, 깃허브 저장소, 웹사이트 캡처, 프롬프트로 눌러 볼 수 있는 프로토타입을 캔버스 위에 만든다. 공식 릴리스 노트·도움말·블로그로 확인된 것과 비어 있는 것을 정리했다. (2026-10-20, 약 6분)
- [러버블은 왜 '디자인 방향 3안'을 없앴을까, 비슷비슷한 AI 화면과 디자인 시스템](https://designrefs.com/articles/lovable-design-system-same-look/): 러버블이 첫 빌드 전의 디자인 방향 세 가지 선택 단계를 없앴고, 디자인 시스템은 모든 유료 플랜에서 쓸 수 있다. 공식 변경 기록과 문서로 무엇이 확인되고 무엇이 비어 있는지, 내 규칙을 한 번 정해 두는 법을 정리했다. (2026-10-19, 약 7분)
- [피그마 에이전트 유료 전환, 크레딧 한 달 치를 아껴 쓰는 법](https://designrefs.com/articles/figma-agent-ai-credits-ga/): 피그마 디자인 에이전트가 베타를 끝내고 AI 크레딧을 소모하기 시작했다. 공식 FAQ와 요금 페이지로 무엇이 확인되고 무엇이 비어 있는지, 한 달 몫을 어떻게 아껴 쓸지 정리했다. (2026-10-18, 약 4분)
- [프로토파이가 MCP를 열었다, AI가 프로토타입을 읽고 고치고 코드로 넘긴다](https://designrefs.com/articles/protopie-mcp-prototype-ai/): 프로토파이가 MCP 지원을 공식으로 알렸다. Studio MCP는 열어 둔 프로토타입을 AI가 읽고 고치고, Code MCP는 완성본을 코딩 에이전트에게 넘긴다. 프로토파이 공식 글과 문서로 무엇이 되고 무엇이 확인되지 않았는지 정리했다. (2026-10-17, 약 5분)
- [피그마 Specs, 마크다운 한 장으로 팀과 AI에게 맥락을 건네는 방법](https://designrefs.com/articles/figma-specs-markdown-context/): 피그마가 캔버스 위에 마크다운 문서를 놓는 기능 Specs를 유료 플랜에 오픈 베타로 냈다. 무엇이 되고 무엇이 아직 확인되지 않았는지, 앞서 다룬 DESIGN.md와는 어떻게 다른지 피그마 공식 글과 릴리스 노트로 확인해 정리했다. (2026-10-16, 약 4분)
- [나노 바나나 2.1 요금표를 직접 열어 보니, 4K는 반값이 아니었다](https://designrefs.com/articles/nano-banana-2-1-designers/): 구글의 이미지 모델 나노 바나나 2.1이 나왔다. 1K와 2K는 값이 절반이 됐지만 4K는 그렇지 않고, 글자는 좋아졌지만 모델 카드에 약점도 적혀 있다. 요금표와 모델 카드를 직접 확인해 그림과 숫자로 정리했다. (2026-10-15, 약 4분)
- [메타의 첫 최상위 모델이 디자인 투표 1위, 이 순위를 어떻게 읽을까](https://designrefs.com/articles/muse-wonder-design-arena/): 메타가 10월 12일 내놓은 Muse Wonder가 사람들이 눈으로 골라 매기는 Design Arena에서 웹사이트와 UI 부문 1위에 올랐다. 투표가 어떻게 돌아가는지, 1위가 말해 주는 것과 말해 주지 않는 것을 그림과 숫자로 정리했다. (2026-10-14, 약 5분)
- [클라이언트가 AI 시안을 보내며 "이것만 다듬어 주세요" 할 때](https://designrefs.com/articles/ai-draft-client-pixel-pusher/): 클라이언트와 상사가 챗GPT, 클로드로 만든 시안을 건네며 마무리만 부탁하는 일이 늘고 있다. 값은 깎이고 일은 그대로인 이 상황에서, 무엇이 남아 있는지 그림으로 정리하고 견적과 대화에 쓸 수 있는 순서를 담았다. (2026-10-13, 약 3분)
- [검색 결과 대신 AI의 답이 첫 화면이 될 때, 브랜드는 어떻게 보이나](https://designrefs.com/articles/ai-search-brand-visibility/): 히드로 공항이 어도비와 손잡고 AI 답변 속에 자기 브랜드가 어떻게 언급되는지 재기 시작했다. 여행자 넷 중 하나가 AI로 정보를 찾는다는 지금, 브랜드를 다루는 디자이너가 챙길 것을 그림과 표로 정리했다. (2026-10-12, 약 3분)
- [맥에서 AI를 한 번에 끄는 스위치가 사라졌다, '끄는 버튼'도 디자인이다](https://designrefs.com/articles/macos-27-ai-off-switch/): macOS 27에서 애플 인텔리전스를 통째로 끄던 스위치가 없어졌다. 사용자들은 외부 도구까지 만들어 AI를 지우고 있다. 무엇이 바뀌었는지, 디자이너의 맥에서는 무엇을 확인할지, AI 기능을 설계하는 사람에게 남는 질문을 정리했다. (2026-10-11, 약 3분)
- [댓글은 'AI 슬롭', 조사는 호평. 환타의 AI 할로윈 캠페인이 남긴 것](https://designrefs.com/articles/fanta-ai-halloween-campaign/): 환타가 AI 스튜디오와 만든 할로윈 캠페인이 온라인에서 혹평을 받고 있다. 그런데 소비자 조사 숫자는 반대로 나왔다. 누가 무엇을 했는지, 왜 반응이 갈렸는지, 브랜드 일을 하는 디자이너가 챙길 것을 정리했다. (2026-10-10, 약 3분)
- [AI로 다시 만든 무료 '포토샵' 일곱 개, 디자이너는 갈아탈 수 있을까](https://designrefs.com/articles/artcraft-free-adobe-alternatives/): 한 개발자가 AI로 어도비 앱 일곱 개를 대신할 무료 오픈소스 앱을 만들고 있다. 포토샵 대체 앱은 PSD를 열고 저장하지만 아직 초기 알파다. 지금 어디까지 왔는지, 디자이너가 볼 것은 무엇인지 정리했다. (2026-10-09, 약 4분)
- [AI가 화면을 직접 그리기 시작한 주, 디자인 규칙은 누가 쥐고 있나](https://designrefs.com/articles/chatgpt-intelligent-ui-figma-agent/): 챗GPT는 답을 버튼과 차트로 그려 주기 시작했고, 피그마 에이전트는 베타를 끝냈다. 같은 주에 나온 두 기능을 나란히 놓고, 화면의 규칙을 누가 정하는지 그림으로 정리했다. (2026-10-08, 약 4분)
- [지난 일주일, AI 디자인 도구는 '운'을 줄이는 쪽으로 갔다](https://designrefs.com/articles/ai-design-week-1007/): 9월 30일부터 10월 6일까지 나온 AI·디자인 소식 여섯 가지를 한 장에 모았다. 가게 전체, 규칙, 고칠 자리, 장면 순서까지, 운에 맡기던 것을 사람이 정하는 쪽으로 바뀌었다. 디자이너가 AI를 얼마나 쓰는지 숫자와 함께 정리했다. (2026-10-07, 약 3분)
- [AI 영상이 콘티를 받기 시작했다, 클링 4.0의 키프레임 열 장](https://designrefs.com/articles/kling-4-keyframes/): 클링 4.0은 한 번에 30초, 키프레임 10장, 참고 자료 15개를 받는다. 처음과 끝 두 장만 주던 방식에서 장면 흐름을 직접 짜는 쪽으로 바뀌었다. 무엇이 달라지는지, 아직 나오지 않은 것은 뭔지 그림과 표로 정리했다. (2026-10-06, 약 3분)
- [챗GPT가 그림을 그리는 동안, 옆에 광고가 붙는다](https://designrefs.com/articles/chatgpt-image-generation-ads/): 오픈AI가 10월 5일 챗GPT 이미지 생성 화면에 붙는 이미지 광고를 발표했다. 글 광고에서 이미지 광고로 넘어온 여덟 달을 짚고, 디자이너에게 새로 생기는 일과 조심할 점을 정리했다. (2026-10-05, 약 3분)
- [AI가 만든 3D 모델, 다섯 개 중 넷은 그대로 출력하면 못 쓴다](https://designrefs.com/articles/instructmesh-ai-3d-print/): MIT 연구진이 AI로 만든 3D 모델을 출력 전에 고치는 도구 InstructMesh를 내놓았다. 생성된 모델의 약 80%에 구조 결함이 있었고, 초보자들은 이 도구로 약 90%를 고쳤다. 고치는 순서와 출력 전에 확인할 것을 정리했다. (2026-10-04, 약 3분)
- [다시 뽑지 말고 고쳐 쓴다, 이미지 AI가 '편집' 쪽으로 간 한 주](https://designrefs.com/articles/image-ai-edit-not-reroll/): 9월 30일 Ideogram 4.5, 10월 2일 FLUX 3 Image. 이번 주 나온 두 이미지 모델은 더 예쁜 그림보다 '한 군데만 고치기'를 앞세웠다. 상자로 먼저 배치하는 방식과 크기별 가격까지 그림과 숫자로 정리했다. (2026-10-03, 약 4분)
- [AI에게 우리 디자인 규칙을 건네는 파일 한 장, DESIGN.md](https://designrefs.com/articles/design-md-for-ai/): AI가 시안을 만들고 코드를 짜는 일이 늘수록, 규칙을 어디에 적어 두느냐가 중요해진다. 구글이 공개한 DESIGN.md 형식으로 이 사이트의 규칙을 직접 옮겨 적고 검사기를 돌려 봤다. 걸린 것까지 그대로 옮긴다. (2026-10-02, 약 4분)
- [쇼피파이 '캔버스', 가게 전체를 한 판에 펼쳐 놓고 AI와 고친다](https://designrefs.com/articles/shopify-canvas-sidekick/): 쇼피파이가 10월 1일 내놓은 캔버스는 가게의 모든 페이지를 한 화면에 펼치고, 눌러서 고치거나 사이드킥에게 말로 시키는 작업대다. 무엇이 달라졌는지, 아직 안 되는 건 뭔지 그림과 표로 정리했다. (2026-10-01, 약 3분)
- [챗GPT 안으로 들어온 캔바·피그마·어도비, 데브데이에서 디자이너가 볼 것](https://designrefs.com/articles/openai-devday-2026-designers/): 오늘 새벽 오픈AI 데브데이에서 발표가 스무 개 넘게 쏟아졌다. 그중 디자인 작업과 닿는 것만 골라, 그림과 숫자로 정리했다. (2026-09-30, 약 3분)
- ['디자인 보는 눈'을 내세운 Claude Sonnet 5.5, 중간 가격 모델이 달라졌다](https://designrefs.com/articles/claude-sonnet-5-5-design/): 앤트로픽이 9월 28일 내놓은 Sonnet 5.5는 발표문에서 디자인 감각을 앞세웠다. 가격은 그대로, 일은 더 빠르게. 실제로 한 페이지짜리 사이트를 시켜 본 결과까지 숫자로 정리했다. (2026-09-29, 약 3분)
- [투명 배경까지 뽑아 주는 무료 이미지 모델, 일에 써도 될까](https://designrefs.com/articles/open-image-model-license/): 기업들이 값싼 오픈 모델로 옮겨 가는 사이, 알리바바의 새 이미지 모델 Qwen-Image-2.1은 상업적 이용을 막았다. 내려받을 수 있다는 것과 일에 써도 된다는 것의 차이를 정리했다. (2026-09-28, 약 3분)
- [한 주 만에 반값이 된 AI, 디자인 툴 값도 내려갈까](https://designrefs.com/articles/ai-price-cut-week/): 9월 22일 하루에 Opus 5.5, GPT-6 Sol, Luna가 한꺼번에 나오며 가격표가 크게 바뀌었다. 디자이너가 내는 크레딧과 구독료에는 어떻게 이어질지 숫자로 짚었다. (2026-09-27, 약 4분)
- [Claude Fable 5.1 vs GPT-6 아스트라, 숫자로 비교해 보면](https://designrefs.com/articles/claude-fable-5-1-vs-gpt-6-astra/): 이틀 차이로 나온 두 최상위 모델. 공식 사양, 제3자 평가, 디자이너들의 초기 반응을 출처와 함께 나란히 놓았다. (2026-09-26, 약 4분)
- [AI가 시안을 서른 장 뽑아 줘도 일이 줄지 않는 이유](https://designrefs.com/articles/ai-design-tools-in-practice/): 탐색과 양산은 AI에게, 방향과 검수는 사람에게. 한동안 써 보고 나서야 보인 경계에 대하여. (2026-09-25, 약 3분)
- [‘느낌 있게’를 말로 옮기는 일](https://designrefs.com/articles/describing-design-style/): 클라이언트에게도, 프롬프트 창에도 결국 말로 설명해야 한다. 스타일을 여섯 겹으로 쪼개서 말하는 방법. (2026-09-24, 약 3분)
- [저장만 하고 다시 열지 않는 레퍼런스들](https://designrefs.com/articles/how-to-collect-references/): 보드는 스무 개가 넘는데 작업할 땐 처음부터 다시 검색한다. 꺼내 쓸 수 있게 모으는 법. (2026-09-23, 약 2분)
- [디자이너는 어디서 이야기를 나눌까](https://designrefs.com/articles/korean-design-community-map/): 읽고 싶을 때, 만든 걸 보여 주고 싶을 때, 급하게 묻고 싶을 때. 국내 디자인 커뮤니티를 쓰임새대로 나눠 봤다. (2026-09-22, 약 2분)
- [AI로 만든 이미지, 클라이언트 작업에 써도 될까](https://designrefs.com/articles/ai-image-commercial-use/): 저작권, 약관, 닮은꼴, 계약서. 실무에서 확인해야 할 것들을 순서대로 적었다. (2026-09-21, 약 3분)

## 자료

- [디자인 스타일 사전](https://designrefs.com/styles/): 아르누보부터 글래스모피즘까지 34가지 그래픽 디자인 양식. 시대, 특징, 대표 인물
- [디자인 용어 사전](https://designrefs.com/glossary/): 타이포그래피, 편집·인쇄, 컬러, UI 설계, UX 리서치, 개발 협업 용어 155개
- [2026 디자인 트렌드](https://designrefs.com/trends/): 올해 디자인 트렌드 키워드 20가지
- [읽을거리 목록](https://designrefs.com/articles/): 디자인·AI 디자인·커뮤니티에 대해 직접 쓴 글 35편
- [전체 내용](https://designrefs.com/llms-full.txt): 위의 모든 목록과 설명, 글 본문을 마크다운 한 파일로

## Optional

- [디자인 잡담](https://designrefs.com/talk/): 디자인 이야기를 편하게 나누는 게시판
- [사이트 소개](https://designrefs.com/about/): 운영 목적과 사이트 선정 기준
- [개인정보처리방침](https://designrefs.com/privacy/)
- [사이트맵](https://designrefs.com/sitemap.xml)