디자인 레퍼런스 전체 색인 · 19/27
2,153개 정의·활용·주의사항·출처를 개별 문서로 제공합니다. 이 색인은 JavaScript 없이 탐색할 수 있습니다.
GDAL
래스터·벡터 지리 데이터 형식을 읽고 변환하는 도구군.
Google Maps JavaScript API
Google 지도와 장소 등 지도 기능을 웹에 통합하는 API.
Kakao Maps API
카카오 지도와 관련 기능을 웹·앱에 연결하는 API.
NAVER Maps API
네이버 지도 서비스를 웹 등에 통합하는 API.
Figma
협업 화면 디자인·컴포넌트·프로토타입을 제작하는 도구.
Penpot
웹 표준 기반 디자인·프로토타입·협업 도구.
Sketch
벡터 기반 화면·컴포넌트·프로토타입 디자인 도구.
Framer
시각 편집으로 사이트와 인터랙션을 제작·게시하는 도구.
Webflow
시각 편집으로 웹 레이아웃·콘텐츠·인터랙션을 만드는 도구.
Blender
모델링·리깅·애니메이션·렌더링·합성을 통합한 3D 제작 도구.
Houdini
노드·절차 기반으로 기하·시뮬레이션·이펙트를 제작하는 도구.
Substance 3D Painter
3D 모델 표면에 레이어·마스크로 재질과 텍스처를 제작하는 도구.
Substance 3D Designer
노드 그래프로 절차적 재질·텍스처를 생성하는 도구.
Aseprite
픽셀 아트·스프라이트·프레임 애니메이션을 제작하는 도구.
Krita
디지털 페인팅·브러시·프레임 애니메이션 도구.
Inkscape
SVG 기반의 벡터 편집 도구.
GIMP
레이어·선택·필터를 이용한 래스터 이미지 편집 도구.
Tiled
타일·오브젝트·속성으로 2D 게임 맵을 제작하는 에디터.
LDtk
타일·엔티티·자동 규칙으로 2D 레벨을 제작하는 에디터.
QGIS
공간 데이터의 편집·분석·지도 제작을 지원하는 GIS 앱.
Gaea
노드·침식 등으로 지형을 생성하는 제작 도구.
World Machine
절차적 지형·침식·텍스처 마스크를 생성하는 도구.
Spine
2D 캐릭터를 뼈대·메시 변형으로 애니메이션화하는 도구.
Rive Editor
벡터 그래픽·애니메이션·상태 기계를 제작하는 도구.
Spline
시각 편집으로 웹용 3D 장면과 상호작용을 제작하는 도구.
FMOD
게임 오디오 이벤트·믹싱·런타임 연결을 구성하는 미들웨어.
Wwise
상태·이벤트·공간 음향을 구성하는 게임 오디오 미들웨어.
Audacity
오디오 녹음·편집·효과 처리를 제공하는 도구.
Lucide
일관된 도형 규칙의 SVG 아이콘과 프레임워크용 패키지를 제공한다.
Heroicons
Tailwind CSS 제작진의 SVG 아이콘 세트와 UI 패키지.
Phosphor Icons
여러 굵기와 스타일로 구성된 아이콘 제품군.
Tabler Icons
선형·채움 스타일 등으로 제공되는 UI 아이콘 세트.
Material Symbols
Google Material 계열의 가변 축 아이콘 모음.
Font Awesome
여러 스타일·브랜드·UI 아이콘과 통합 도구를 제공하는 제품군.
Iconify
여러 아이콘 세트를 공통 데이터·컴포넌트 방식으로 사용하는 생태계.
Storybook
컴포넌트를 독립적으로 표시·문서화·검수하는 개발 도구.
Playwright
브라우저를 자동 제어해 동작·스크린샷 등을 검증하는 도구.
Cypress
브라우저 앱의 엔드투엔드·컴포넌트 테스트를 구성하는 도구.
axe-core
자동으로 검출 가능한 접근성 문제를 검사하는 엔진.
Testing Library
사용자 관점의 요소 조회와 UI 테스트를 돕는 도구군.
Lighthouse
웹 성능·접근성 등 자동 점검을 실행하는 도구.
Vite
개발 서버와 웹 자산 빌드를 제공하는 프런트엔드 도구.
PyInstaller
Python 앱과 의존 파일을 실행 배포물로 묶는 도구.
Nuitka
Python 프로그램을 컴파일하고 배포 형태로 구성하는 도구.
Briefcase
Python 앱을 플랫폼별 앱 프로젝트·패키지로 구성하는 도구.
Apple Human Interface Guidelines
Apple 플랫폼의 인터페이스·입력·컴포넌트 설계 지침.
Material Design
컴포넌트·색·타입·모션 등의 디자인 가이드 체계.
IBM Carbon Design System
컴포넌트·패턴·토큰과 구현을 제공하는 디자인 시스템.
Microsoft Fluent 2
Microsoft의 컴포넌트·시각 언어·상호작용 가이드.
Atlassian Design System
협업·업무 제품용 디자인 가이드와 컴포넌트 문서.
Adobe Spectrum
Adobe 제품의 디자인 원칙·컴포넌트·접근성 가이드.
Shopify Polaris
Shopify 생태계의 관리·커머스 UI 설계 자료.
GOV.UK Design System
공공서비스의 폼·컴포넌트·패턴 설계 지침.
USWDS
미국 정부 웹 디자인 시스템의 컴포넌트와 가이드.
WAI-ARIA APG
웹 위젯의 역할·상태·키보드 패턴을 설명하는 W3C 실무 가이드.
MDN Web Docs
웹 기술의 문법·기능·호환성 정보를 제공하는 문서.
web.dev
웹 성능·접근성·현대 웹 구현에 관한 개발 자료.
Godot Documentation
Godot 엔진의 씬·2D·3D·입력·렌더링 공식 문서.
Unreal Developer Documentation
Unreal 제작·월드·UI·렌더링의 공식 기술 문서.
Blender Manual
모델링·재질·애니메이션·렌더링의 공식 매뉴얼.
Qt for Python Documentation
PySide와 Qt UI·그래픽·배포의 공식 문서.
Awwwards
웹사이트 사례와 제작 스튜디오 작품을 살펴보는 플랫폼.
Mobbin
앱·웹 화면과 사용자 흐름을 탐색하는 레퍼런스 서비스.
Page Flows
제품의 사용자 흐름과 인터랙션 사례를 살펴보는 서비스.
Land-book
웹사이트와 랜딩 페이지의 시각 사례를 모은 플랫폼.
Lapa Ninja
랜딩 페이지와 웹디자인 사례를 모은 갤러리.
SiteInspire
웹사이트 디자인 사례를 분류하여 제공하는 갤러리.
Godly
웹디자인 사례와 인터랙티브 사이트를 모아 제공하는 갤러리.
Dribbble
디자이너의 시각 작업과 콘셉트를 공유하는 플랫폼.
Behance
브랜딩·그래픽·디지털 작업의 포트폴리오 플랫폼.
ArtStation
게임·영상·3D 아티스트의 작품과 제작 자료 플랫폼.
Polycount
게임 아트 제작 과정과 피드백을 공유하는 커뮤니티.
Game UI Database
게임 화면과 인터페이스 사례를 분류한 데이터베이스.
Interface In Game
게임별 인터페이스 화면을 탐색하는 레퍼런스 사이트.
Realtime VFX
실시간 이펙트 제작과 피드백을 공유하는 커뮤니티.
Shadertoy
셰이더 실험과 실시간 렌더링 작품을 공유하는 플랫폼.
CodePen
웹 코드와 실행 결과를 공유하는 실험 플랫폼.
UIverse
커뮤니티 UI 요소와 코드 사례를 제공하는 플랫폼.
Codrops
웹 인터랙션과 창의적 프런트엔드 사례·튜토리얼을 제공하는 사이트.
Kenney Assets
게임 프로토타입에 활용하는 2D·3D·UI 자산 모음.