디자인 사이트 모음

하려는 작업을 누르면 그 일에 맞는 디자인 사이트만 남습니다. 템플릿 도구, UI·로고 레퍼런스, 색 조합, 무료 한글 폰트, 소량 인쇄까지 화면을 직접 찍어 온 26곳을 한국어로 정리했습니다.

26 곳

미리캔버스한글 문구가 들어간 SNS 이미지나 발표 자료를 빨리 만들어야 할 때.
Canva영문·해외 느낌의 템플릿이 필요하거나 팀이 함께 고칠 때.
Figma화면 설계·프로토타입·디자인 시스템처럼 여러 장을 일관되게 관리해야 할 때.
Landbook랜딩 페이지를 만들기 전에 같은 업종의 첫 화면을 여러 개 나란히 볼 때.
유아이볼로그인·결제·온보딩 같은 화면을 한국 서비스들이 어떻게 풀었는지 볼 때.
What Was IT특정 앱의 흐름을 처음부터 끝까지 따라가며 보고 싶을 때.
Mobbin해외 유명 앱이 온보딩·결제·설정을 어떻게 풀었는지 볼 때.
Muzli특정 주제의 좋은 예를 한 번에 수십 개 훑어보고 싶을 때.
CSS Design Awards랜딩 페이지의 움직임·레이아웃 아이디어가 필요할 때.
Awwwards인터랙션과 움직임이 강한 최신 웹사이트를 찾을 때.
Godly정지 화면으로는 알 수 없는 스크롤·전환 효과를 볼 때.
웹쟁이한국 기업·기관 사이트의 최근 흐름을 확인할 때.
Dribbble스타일을 넓게 탐색하거나 외주 디자이너를 찾을 때.
Behance로고 하나가 아니라 명함·패키지·사이트까지 이어지는 브랜딩 사례가 필요할 때.
Pinterest방향이 정해지기 전, 분위기와 톤을 넓게 모을 때. 원작자 표시가 없는 이미지는 그대로 쓰지 마세요.
Logosystem심벌형·워드마크형 중 어느 쪽으로 갈지 사례를 보고 정할 때.
Logobook같은 모티프를 다른 브랜드가 어떻게 그렸는지 겹치는지 확인할 때.
Logggos우리 업종에서 흔한 색과 서체를 파악하고 일부러 다르게 가고 싶을 때.
Khroma배경·글자 색 짝을 여러 개 놓고 고르고 싶을 때.
AI 색 조합 생성기우리 도구한국어로 같은 일을 하고 색상 코드를 바로 복사하고 싶을 때.
눈누썸네일·상세페이지에 쓸 무료 한글 폰트를 찾을 때. 폰트마다 허용 범위가 다르니 쪽 아래 표를 꼭 읽으세요.
인스타 글씨체 변환우리 도구폰트를 설치할 수 없는 인스타 프로필·캡션을 꾸밀 때.
いらすとや설명 자료에 가벼운 삽화가 필요할 때. 한 제작물에 20점까지 무료이고 그 이상은 유료입니다.
오프린트미명함 100장, 스티커 몇 장처럼 적은 수량을 찍을 때.
MotionSites제휴 링크AI 코딩 도구로 눈에 띄는 첫 화면을 빨리 만들고 싶을 때.
SceneAI제휴 링크페이지 전체가 아니라 섹션 하나를 AI로 만들 때, 그라디언트 배경이 필요할 때.

작업별로 이렇게 고르세요

디자인 사이트는 많지만 하는 일은 셋으로 나뉩니다. 만드는 곳(미리캔버스·Canva·Figma), 보고 배우는 곳(유아이볼·What Was IT·로고 라이브러리), 재료를 구하는 곳(눈누·いらすとや·색 조합 도구)입니다. 막힌 지점이 어디인지부터 정하면 여러 사이트를 돌아다닐 일이 줄어듭니다.

SNS 이미지·썸네일을 오늘 안에 만들어야 할 때

미리캔버스나 Canva에서 템플릿을 고르고 문구와 사진만 바꾸는 길이 가장 빠릅니다. 한글 문구가 중심이면 미리캔버스, 영문이나 해외 분위기가 필요하면 Canva 쪽 템플릿이 잘 맞습니다. 템플릿을 그대로 쓰면 다른 계정과 똑같아 보이니 색과 폰트 두 가지만은 바꾸세요. 색은 아래 색 조합 도구에서, 폰트는 눈누에서 고르면 됩니다.

앱·웹 화면을 설계할 때

빈 화면에서 시작하지 말고 같은 기능을 이미 푼 서비스를 먼저 봅니다. 유아이볼과 What Was IT에서 「회원가입」「결제」「빈 화면」처럼 화면 이름으로 찾아 3~5개를 나란히 놓으면 공통으로 들어가는 요소가 보입니다. 그 공통 요소가 사용자가 익숙해하는 최소 구성입니다. 그다음 Figma에서 그립니다. CSS Design Awards 수상작은 눈에 띄지만 로딩이 무겁고 조작이 낯선 경우가 많아, 실제 서비스보다는 브랜드 소개 페이지에 참고하는 편이 안전합니다.

로고를 만들 때

Logosystem·Logobook·Logggos는 만들어 주는 곳이 아니라 겹치지 않게 해 주는 곳입니다. 생각한 모티프(예: 산, 물방울, 이니셜 M)를 Logobook에서 찾아 이미 흔한 형태인지 확인하고, Logggos에서 우리 업종이 많이 쓰는 색을 본 뒤 그 색을 피하면 구별되는 로고가 됩니다. 다만 비슷해 보이지 않는 것과 상표 등록이 되는 것은 다른 문제입니다. 사업에 쓸 로고는 특허정보검색서비스(KIPRIS)에서 같은 업종의 등록 상표를 검색해 보세요.

쓰기 전에 꼭 확인할 것

1. 상업적 이용 범위

「무료」와 「상업적으로 써도 됨」은 같은 말이 아닙니다. 무료 폰트라도 인쇄물은 되고 로고(BI/CI)는 안 되는 경우가 있고, 템플릿 도구의 요소는 유료 요금제에서만 상업 이용이 허용되는 것이 섞여 있습니다. 광고·판매 페이지·유튜브 수익 영상에 쓸 때는 그 소재의 라이선스 문구를 직접 읽고, 화면을 캡처해 두면 나중에 문의가 왔을 때 근거가 됩니다.

2. 레퍼런스는 구조만 가져오기

레퍼런스 사이트의 화면과 로고는 각 회사의 저작물입니다. 배치 순서, 정보의 우선순위, 여백의 비율 같은 구조는 참고해도 되지만 그림·아이콘·문구를 그대로 옮기면 안 됩니다. 「세 곳을 보고 공통점만 가져온다」를 기준으로 삼으면 한 곳을 베끼는 일을 피할 수 있습니다.

3. 색은 글자가 읽히는지부터

예쁜 색 조합도 글자가 안 읽히면 쓸 수 없습니다. 본문 글자와 배경의 명도 대비는 4.5:1 이상(웹 접근성 지침 WCAG AA)이 기준입니다. 색 조합 도구에서 고른 짝은 실제 문구를 얹어 휴대폰 화면 밝기를 낮춘 상태로 한 번 확인하세요.

4. 인쇄는 화면과 다르게 나옵니다

화면은 빛(RGB)으로, 인쇄는 잉크(CMYK)로 색을 만들기 때문에 형광에 가까운 색은 인쇄하면 탁해집니다. 명함·스티커를 주문할 때는 재단선 바깥으로 배경을 2~3mm 넉넉히 채우고(도련), 중요한 글자는 가장자리에서 3mm 이상 안쪽에 두세요. 소량 인쇄 서비스의 편집기는 이 선을 화면에 표시해 줍니다.

예시: 카페 오픈 준비

① Logggos에서 카페 업종 로고의 흔한 색(갈색·베이지)을 확인하고 다른 색을 정합니다. ② 색 조합 생성기에서 그 색과 어울리는 배경·글자 짝을 고릅니다. ③ 눈누에서 로고에 써도 되는 한글 폰트를 찾습니다. ④ 미리캔버스에서 메뉴판과 인스타 공지를 만들고 ⑤ 오프린트미에서 명함과 스티커를 소량으로 찍습니다. 사이트 다섯 곳을 순서대로 거치면 하루 안에 기본 세트가 나옵니다.

이 목록은 직접 열어 보고 지금 접속되는 곳만 실었습니다. 각 서비스의 요금과 이용 조건은 바뀔 수 있으니 결제 전에는 해당 사이트의 안내를 확인하세요. '제휴 링크' 표시가 붙은 곳은 그 링크로 결제하면 저희가 수수료를 받습니다. 표시가 없는 서비스와는 제휴 관계가 없습니다.

한눈에 비교

이름	분류	무엇을 하는 곳
미리캔버스	카드뉴스·썸네일 · 인쇄·굿즈	한국어 템플릿이 많은 온라인 디자인 도구입니다. 카드뉴스·썸네일·PPT·현수막을 브라우저에서 바로 고칩니다.
Canva	카드뉴스·썸네일	전 세계에서 가장 널리 쓰는 템플릿 디자인 도구입니다. 영상·문서·화이트보드까지 한 화면에서 다룹니다.
Figma	앱·웹 화면 · 카드뉴스·썸네일	앱·웹 화면을 그리고 개발자에게 넘기는 협업 디자인 도구입니다. 컴포넌트와 변수로 디자인 시스템을 관리합니다.
Landbook	앱·웹 화면	직접 고른 웹사이트 디자인을 유형(랜딩·포트폴리오·블로그·쇼핑)과 산업·스타일·색으로 걸러 보는 갤러리입니다.
유아이볼	앱·웹 화면	국내 앱·웹·게임 화면 10만 개 이상을 화면·패턴별로 모아 둔 레퍼런스입니다. 피그마 플러그인이 있습니다.
What Was IT	앱·웹 화면	한국 모바일 앱의 UI/UX 패턴을 수집하는 사이트입니다. 앱별·패턴별로 실제 화면을 넘겨 봅니다.
Mobbin	앱·웹 화면	출시된 앱·웹의 실제 화면을 화면 종류와 흐름별로 모은 레퍼런스 라이브러리입니다. 브랜드 색 모음도 있습니다.
Muzli	앱·웹 화면 · 이미지·일러스트	디자인 영감을 주제별 모음(랜딩 페이지·목업·일러스트·다크 모드 등)으로 묶어 보여 주는 허브입니다. 새 탭 확장 프로그램이 있습니다.
CSS Design Awards	앱·웹 화면	심사를 거친 해외 웹사이트 수상작 모음입니다. 인터랙션이 강한 브랜드 사이트가 많습니다.
Awwwards	앱·웹 화면	심사위원 점수로 매일 「오늘의 사이트」를 뽑는 웹 디자인 어워드입니다. 제작사 목록과 강의도 있습니다.
Godly	앱·웹 화면	움직이는 미리보기로 웹사이트를 보여 주는 갤러리입니다. 스크롤 효과를 영상처럼 확인할 수 있습니다.
웹쟁이	앱·웹 화면	국내 웹 작품과 리소스를 한곳에 모은 사이트입니다. 에이전시 작업물을 업종별로 볼 수 있습니다.
Dribbble	앱·웹 화면 · 로고 · 이미지·일러스트	디자이너들이 작업 조각(샷)을 올리는 커뮤니티입니다. 로고·일러스트·UI 시안이 많고 디자이너를 바로 고용할 수 있습니다.
Behance	앱·웹 화면 · 로고 · 이미지·일러스트	어도비가 운영하는 포트폴리오 플랫폼입니다. 브랜딩 전체 과정을 긴 프로젝트 단위로 볼 수 있습니다.
Pinterest	이미지·일러스트 · 앱·웹 화면 · 로고	이미지를 보드에 모으는 시각 검색 서비스입니다. 무드보드를 만들기 좋습니다.
Logosystem	로고	로고·워드마크·심벌·움직이는 로고 1,300개 이상을 색·형태로 걸러 보는 무료 라이브러리입니다.
Logobook	로고	형태(글자·도형·동물 등)별로 정리한 로고 아카이브입니다. 흑백 위주라 형태 비교가 쉽습니다.
Logggos	로고	잘 만든 로고를 업종·주제·서체 스타일·브랜드 색으로 분류한 카탈로그입니다.
Khroma	색 조합	좋아하는 색을 고르면 취향을 학습해 색 조합을 끝없이 만들어 주는 AI 색 도구입니다(영문).
AI 색 조합 생성기	색 조합	색 50개를 고르면 브라우저 안에서 학습해 나만의 팔레트를 만듭니다. 한국어 화면, 가입 없음.
눈누	폰트·글자	상업적으로 쓸 수 있는 한글 폰트를 모아 둔 사이트입니다. 문구를 넣어 미리 보고 허용 범위를 확인합니다.
인스타 글씨체 변환	폰트·글자	영문·숫자를 굵은체·필기체 같은 유니코드 글씨로 바꿔 복사합니다. 프로필·캡션에 붙여 넣으면 됩니다.
いらすとや	이미지·일러스트	일본의 무료 일러스트 소재 사이트입니다. 사람·직업·상황 그림이 방대합니다(일본어).
오프린트미	인쇄·굿즈	명함·스티커·굿즈를 소량으로 주문 제작하는 인쇄 서비스입니다. 편집기에서 바로 디자인합니다.
MotionSites	AI 프롬프트·배경	Lovable·Bolt·Cursor·Claude에 붙여 넣으면 움직이는 랜딩 페이지가 나오는 프롬프트와 배경 영상 모음입니다(유료).
SceneAI	AI 프롬프트·배경 · 색 조합	히어로·요금표·FAQ 같은 섹션별 프롬프트와 고해상도 그라디언트 배경을 모은 라이브러리입니다(유료).

자주 묻는 질문

무료로 쓸 수 있는 곳만 모았나요?

대부분 무료로 시작할 수 있지만 조건이 다릅니다. 레퍼런스 사이트(유아이볼·로고 라이브러리 등)는 보는 것이 무료이고, 템플릿 도구는 무료 요금제와 유료 요금제가 나뉘며, 인쇄 서비스는 주문할 때 비용이 듭니다. 요금은 바뀔 수 있으니 결제 전 각 사이트 안내를 확인하세요.

여기서 찾은 폰트와 이미지를 광고에 써도 되나요?

소재마다 다릅니다. 눈누는 폰트별로 인쇄·웹·영상·로고 허용 여부를 표로 보여 주고, いらすとや는 한 제작물에 20점까지 무료입니다. 광고나 판매 페이지에 쓰기 전에는 그 소재의 라이선스 문구를 직접 읽으세요.

레퍼런스를 참고하는 것과 베끼는 것은 어떻게 다른가요?

디자인을 처음 하는데 어디서 시작하면 되나요?

만들 것이 SNS 이미지라면 미리캔버스나 Canva의 템플릿에서 시작해 색과 폰트만 바꾸세요. 앱·웹 화면이라면 유아이볼에서 같은 화면 3~5개를 본 뒤 Figma로 그리는 순서가 빠릅니다.

목록은 어떤 기준으로 골랐나요?

실무에서 즐겨찾기에 두고 쓰던 곳 가운데 지금 접속되고 용도가 분명한 곳만 실었습니다. 소개하는 서비스와 제휴 관계가 없고 순서는 작업 흐름(만들기 → 참고 → 재료 → 인쇄)을 따릅니다.