본문으로 바로가기
ResourcesInsightAbout

성장을 꿈꾸는 디자이너를 위한 리소스 키트

ResourcesInsightAbout

© 2026 XploreD. All rights reserved.

Resources

아이디어부터 결과까지, 디자이너를 위한 리소스 키트

Codex

Codex

OpenAI에서 만든 AI 코딩 에이전트

BuildCodeChat AIUX/UI
Claude Code

Claude Code

Anthropic에서 만든 AI 코딩 에이전트

BuildCodeChat AIUX/UI
Logo System

Logo System

로고·워드마크·심볼 레퍼런스 라이브러리

AssetsBrandIcon
FontOfWeb

FontOfWeb

웹사이트 폰트·컬러·디자인 토큰 레퍼런스 탐색

IdeationUX/UIFontColor
Manus

Manus

Meta가 선택한, 웹에서 일을 끝내는 AI 에이전트

BuildUX/UIAnalysis
Higgsfield AI

Higgsfield AI

이미지·영상·오디오를 한곳에서 생성·편집하는 AI 제작 플랫폼

AssetsImageVideoAudio
Obsidian

Obsidian

개인 지식과 아이디어를 연결하는 로컬 우선 노트 앱

IdeationWorkspace
Blue Vertigo

Blue Vertigo

디자인에 필요한 리소스를 한곳에 모은 대형 큐레이션 디렉토리

AssetsImageFontIcon
Pexels

Pexels

무료 스톡 사진과 영상을 빠르게 찾는 에셋 라이브러리

AssetsImage
Magnific

Magnific

Freepik에서 이어진 AI 크리에이티브 플랫폼

AssetsImageUX/UI
Notion

Notion

팀 문서, AI 검색, 자동화를 한 곳에서 제공하는 워크스페이스

IdeationWorkspace
Google Gemini

Google Gemini

글쓰기, 기획, 브레인스토밍을 돕는 Google의 AI 어시스턴트

IdeationChat AI
DESIGN.md Style Extractor

DESIGN.md Style Extractor

웹페이지 스타일을 추출해 DESIGN.md로 정리하는 크롬 플러그인

Design Systems
Hermes Agent

Hermes Agent

맥락을 기억하고 반복 작업을 자동화하는 오픈소스 AI 에이전트

BuildChat AI
Vercel

Vercel

서버 설정부터 배포까지 단 몇 분 만에 끝내는 AI 클라우드 플랫폼

LaunchCodeDomain
Refero

Refero

UI 스크린샷과 MD 파일을 함께 제공하는 디자인 레퍼런스

Design SystemsScreen
GitHub

GitHub

전 세계 개발 협업과 AI 코딩을 이끄는 플랫폼

BuildCode
DESIGN.md

DESIGN.md

AI가 바로 읽는 디자인 시스템 파일을 찾고 내려받는 커뮤니티 라이브러리

Design Systems
getdesign.md

getdesign.md

AI 코딩 에이전트가 읽는 DESIGN.md 레퍼런스 컬렉션

Design Systems
Skills

Skills

AI 에이전트에 필요한 스킬을 찾고 설치하는 오픈 디렉터리

BuildCode
Supabase

Supabase

백엔드 걱정 없이 서비스 론칭까지 한 번에

LaunchCode
Lovable

Lovable

말로 설명하면 앱이 완성되는 AI 빌더

BuildUX/UI
Wanted Design System - Montage

Wanted Design System - Montage

채용 플랫폼 원티드가 공개한 오픈소스 디자인 시스템

Design Systems
Tokens Studio for Figma

Tokens Studio for Figma

디자인과 코드를 실시간으로 잇는 디자인 토큰의 표준

Design Systems
Kigen

Kigen

검증된 디자인 시스템을 자동 생성하는 Figma 플러그인

Design Systems
UX Pilot

UX Pilot

피그마 안에서 AI로 끝내는 UX 기획과 인터페이스 디자인

BuildUX/UI
Google Stitch

Google Stitch

프롬프트나 손스케치를 UI 디자인과 코드로 바꿔주는 구글의 AI 디자인 툴

BuildUX/UICode
Morphic

Morphic

이미지 생성부터 영상 편집까지, AI 스토리텔링 스튜디오

AssetsImageVideo
Relume

Relume

사이트맵부터 와이어프레임까지, AI가 끝내주는 웹 설계 키트

BuildUX/UI
Builder.io

Builder.io

피그마 디자인을 프로덕션 코드로 바꿔주는 AI 에이전트

BuildCode
Builder.io Figma to Code

Builder.io Figma to Code

피그마 레이어를 클릭 한 번에 라이브 코드로 바꿔주는 통역사

BuildCode
Cursor

Cursor

AI 에이전트가 탑재된 차세대 코드 에디터

BuildCode
코드잇 Design System

코드잇 Design System

코드잇 서비스 화면의 일관성을 담은 디자인 시스템

Design Systems
Frames X UI Kit

Frames X UI Kit

SaaS와 대시보드 화면 제작에 특화된 Figma UI 키트

Design Systems
Superdesign

Superdesign

대화로 UI 아이디어를 만들고 다듬는 AI 디자인 도구

BuildUX/UI
KRDS : 디지털 정부서비스 UX/UI 가이드라인

KRDS : 디지털 정부서비스 UX/UI 가이드라인

공공 디지털 서비스 경험을 표준화한 UX/UI 가이드

Design Systems
Open Color

Open Color

UI 색상 설계에 바로 쓰는 오픈 컬러 팔레트

AssetsColor
Unsplash

Unsplash

고품질 무료 사진을 빠르게 찾는 이미지 라이브러리

AssetsImage
Phosphor Figma Library

Phosphor Figma Library

Phosphor 아이콘을 Figma 컴포넌트로 활용하는 라이브러리

AssetsIcon
Hugeicons Figma Library

Hugeicons Figma Library

Hugeicons 아이콘을 Figma에서 바로 쓰는 커뮤니티 라이브러리

AssetsIcon
Lucide

Lucide

제품 UI에 쓰기 좋은 일관된 오픈소스 아이콘 세트

AssetsIcon
Hugeicons

Hugeicons

다양한 스타일의 아이콘을 한곳에서 찾는 대형 아이콘 라이브러리

AssetsIcon
Phosphor Icons

Phosphor Icons

두께와 스타일을 고를 수 있는 유연한 아이콘 라이브러리

AssetsIcon
Nano Banana

Nano Banana

참조 이미지를 새로운 콘셉트로 바꾸는 AI 이미지 변환 도구

AssetsImageVideoAudio
Namecheap

Namecheap

도메인 구매와 관리를 간단하게 시작하는 글로벌 등록 서비스

LaunchDomain
monday.com Design System

monday.com Design System

monday.com의 제품 UI 원칙을 Figma로 살펴보는 디자인 시스템

Design Systems
키프리스

키프리스

상표와 특허 정보를 검색하는 지식재산권 데이터베이스

IdeationBrand
마크인포

마크인포

상표 출원과 브랜드 권리 검토를 돕는 지식재산 서비스

LaunchBrand
LMArena

LMArena

여러 AI 모델의 답변 품질을 직접 비교하는 평가 플랫폼

IdeationChat AIAnalysis
성원애드피아

성원애드피아

명함과 홍보물 제작을 빠르게 맡기는 온라인 인쇄 플랫폼

LaunchPrint
눈누

눈누

상업용 한글 폰트를 빠르게 찾고 비교하는 폰트 라이브러리

AssetsFont
Framer

Framer

인터랙티브 웹사이트를 디자인부터 배포까지 만드는 노코드 툴

BuildNo-Code
Colors & Fonts

Colors & Fonts

컬러와 폰트 조합을 빠르게 탐색하는 디자인 에셋 사이트

AssetsColorFont
Tailwind CSS

Tailwind CSS

유틸리티 클래스로 빠르게 UI를 설계하는 CSS 프레임워크

BuildCode
MUI

MUI

Material Design 기반의 실무형 React 컴포넌트 라이브러리

Design SystemsCode
Ant Design

Ant Design

엔터프라이즈 웹 제품을 빠르게 만드는 React UI 시스템

Design SystemsCode
appshots

appshots

실제 앱 스크린을 기능별로 참고하는 모바일 UI 레퍼런스

IdeationScreen
Vibe Design System

Vibe Design System

업무 관리 제품의 인터랙션을 담은 monday.com 디자인 시스템

Design Systems
shadcn/ui

shadcn/ui

복사해 쓰는 컴포넌트 철학을 담은 Figma 디자인 시스템

Design SystemsCode
Suno

Suno

프롬프트로 음악과 보컬을 생성하는 AI 오디오 도구

AssetsAudio
UI Bowl

UI Bowl

카테고리별 인터페이스 패턴을 모아보는 UI 레퍼런스

IdeationScreen
Salesforce Design System

Salesforce Design System

엔터프라이즈 업무 화면을 위한 Lightning 디자인 시스템

Design Systems
Porsche Design System

Porsche Design System

프리미엄 브랜드 경험을 웹 UI로 옮긴 디자인 시스템

Design Systems
Seed Design

Seed Design

당근 서비스의 지역 기반 경험을 담은 디자인 시스템

Design Systems
mobbin

mobbin

실제 모바일 앱 화면을 빠르게 탐색하는 UI 레퍼런스

IdeationScreen
Designus

Designus

국내외 디자인 레퍼런스를 큐레이션해 보여주는 자료실

IdeationScreen
Adobe Spectrum

Adobe Spectrum

어도비 제품 전반의 일관성을 만드는 디자인 시스템

Design Systems
LINE Design System

LINE Design System

라인의 프로덕트 경험을 일관되게 만드는 디자인 시스템

Design Systems
Atlassian Design System

Atlassian Design System

협업 제품의 복잡한 업무 경험을 정리한 디자인 시스템

Design Systems
Google Fonts

Google Fonts

웹과 앱에서 바로 쓰는 오픈소스 폰트 라이브러리

AssetsFont
Adobe Firefly

Adobe Firefly

상업 활용을 고려한 어도비의 생성형 이미지 AI

AssetsImage
Midjourney

Midjourney

감도 높은 비주얼 콘셉트를 빠르게 만드는 이미지 생성 AI

AssetsImage
Claude

Claude

긴 문맥을 차분하게 다루는 AI 대화형 어시스턴트

IdeationChat AI
ChatGPT

ChatGPT

아이디어 정리부터 실행까지 돕는 범용 AI 어시스턴트

IdeationChat AI
Hippo Figma plugin

Hippo Figma plugin

Figma 안에서 이미지를 생성하고 편집하는 AI 플러그인

AssetsImage
What Was IT

What Was IT

웹 인터페이스 트렌드를 탐색하는 선별형 디자인 갤러리

IdeationScreen
ScreensDesign

ScreensDesign

앱 화면 흐름과 디테일을 모아보는 모바일 UI 레퍼런스

IdeationScreen
Httpster

Httpster

완성도 높은 웹사이트를 큐레이션하는 웹 디자인 갤러리

IdeationScreen
S-Core

S-Core

기업 문서와 화면에 안정적으로 쓰기 좋은 국문 폰트

AssetsFont
KT UX Design System

KT UX Design System

KT 서비스 경험을 연결하는 UX 디자인 시스템

Design Systems
Animalia Design System

Animalia Design System

접근성과 확장성을 고려한 오픈 디자인 시스템

Design Systems
Base Design System

Base Design System

Uber가 공개한 유연한 웹 컴포넌트 디자인 시스템

Design Systems
Bold Design System

Bold Design System

공공 서비스 UI를 위한 접근성 중심 디자인 시스템

Design Systems
Primer

Primer

GitHub의 제품 경험을 구성하는 오픈소스 디자인 시스템

Design Systems
Slack Block Kit

Slack Block Kit

Slack 앱 인터페이스를 블록 단위로 설계하는 UI 프레임워크

Design Systems
iconmonstr

iconmonstr

무료로 빠르게 내려받는 심플 아이콘 라이브러리

AssetsIcon
Streamline

Streamline

제품 UI부터 일러스트까지 폭넓게 쓰는 대형 아이콘 라이브러리

AssetsIcon
Noun Project

Noun Project

의미 중심 아이콘을 빠르게 찾는 글로벌 아이콘 라이브러리

AssetsIcon
Nucleo

Nucleo

아이콘 관리와 다운로드를 함께 제공하는 프리미엄 아이콘 툴킷

AssetsIcon
Toss Face

Toss Face

토스가 만든 친근한 감정 표현용 이모지 세트

AssetsIcon
Feather

Feather

가볍고 일관된 선형 아이콘을 제공하는 오픈소스 세트

AssetsIcon
Pretendard

Pretendard

한국어와 라틴 문자를 고르게 품은 실무형 산세리프 폰트

AssetsFont
Wanted Design System Figma

Wanted Design System Figma

원티드의 채용 서비스 경험을 담은 Figma 디자인 시스템

Design Systems
Untitled UI

Untitled UI

SaaS 화면 제작에 바로 쓰기 좋은 대형 Figma UI 키트

Design Systems
Ant Icon

Ant Icon

Ant Design 아이콘을 Figma에서 바로 불러오는 플러그인

AssetsIcon
Colors & Fonts

Colors & Fonts

컬러 시스템과 팔레트를 Figma에서 비교하는 디자인 자료

AssetsColor
Adobe Fonts

Adobe Fonts

브랜드와 편집 디자인에 강한 프리미엄 폰트 라이브러리

AssetsFont
Carbon Design System

Carbon Design System

IBM 제품군을 지탱하는 엔터프라이즈 디자인 시스템

Design Systems
Nanum

Nanum

네이버가 공개한 범용 한글 서체 컬렉션

AssetsFont
Design Systems for Figma

Design Systems for Figma

Figma에서 바로 참고하는 디자인 시스템 컬렉션

Design Systems
Airtable Design System

Airtable Design System

데이터 기반 협업 제품의 설계 방식을 보여주는 레퍼런스

Design Systems
Cloudscape Design System

Cloudscape Design System

AWS 콘솔 경험을 위한 대규모 제품 디자인 시스템

Design Systems
Wix Design System

Wix Design System

웹 빌더와 SaaS 제품 제작을 위한 Wix UI 시스템

Design Systems
여기어때 디자인 시스템

여기어때 디자인 시스템

여행 서비스 화면을 일관되게 만드는 여기어때 디자인 라이브러리

Design Systems
Material 3

Material 3

Google이 제안하는 최신 크로스플랫폼 디자인 시스템

Design Systems
Simple Design System

Simple Design System

기본 UI 패턴을 빠르게 조립하는 Figma 디자인 시스템

Design Systems
Shopify Design System

Shopify Design System

커머스 경험을 빠르게 구축하는 Shopify Polaris 디자인 시스템

Design Systems
Apple Design System

Apple Design System

애플다운 사용성을 설계하는 Human Interface Guidelines

Design Systems